CINXE.COM

<!DOCTYPE html><html data-wf-domain="community-refresh.webflow.io" data-wf-page="64dd1e214d08cac95895eec7" data-wf-site="64dd1e214d08cac95895eedd" data-wf-status="1" lang="en" data-wf-collection="64dd1e214d08cac95895f09b" data-wf-item-slug="color-hunt"><head><meta charset="utf-8"/><title>Color Hunt | Webflow Essentials</title><meta content="Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects." name="description"/><meta content="Color Hunt | Webflow Essentials" property="og:title"/><meta content="Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects." property="og:description"/><meta content="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ae2cb8c9c47a30eba3b8_74aa69e8-1e4f-430f-8319-5cc2e20eaabd.webp" property="og:image"/><meta content="Color Hunt | Webflow Essentials" property="twitter:title"/><meta content="Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ae2cb8c9c47a30eba3b8_74aa69e8-1e4f-430f-8319-5cc2e20eaabd.webp" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/css/community-refresh.webflow.7e7f7c2e4.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Roboto Mono:regular"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/6516d5dc03360ec20f67a14d_65119a253ded35c91d1e94d8_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/6516d5dad3130155cc61a34a_65119a253ded35c91d1e94d9_webclip.png" rel="apple-touch-icon"/><script src="https://www.google.com/recaptcha/api.js" type="text/javascript"></script> <style>.anti-flicker, .anti-flicker * {visibility: hidden !important; opacity: 0 !important;}</style> <script>(function(e,t,p){var n=document.documentElement,s={p:[],r:[]},u={p:s.p,r:s.r,push:function(e){s.p.push(e)},ready:function(e){s.r.push(e)}};e.intellimize=u,n.className+=" "+p,setTimeout(function(){n.className=n.className.replace(RegExp(" ?"+p),"")},t)})(window, 4000, 'anti-flicker')</script> <link rel="preload" href="https://cdn.intellimize.co/snippet/117237908.js" as="script"> <script src="https://cdn.intellimize.co/snippet/117237908.js" async onerror="document.documentElement.className = document.documentElement.className.replace(RegExp(' ?anti-flicker'), '');"></script> <link rel="preconnect" href="https://api.intellimize.co" crossorigin> <link rel="preconnect" href="https://117237908.intellimizeio.com"> <link rel="preconnect" href="https://log.intellimize.co" crossorigin>    <script type='text/javascript' src="https://cdn.jsdelivr.net/gh/webflow/brand_studio@latest/global-brand-code/brand-head-scripts.min.js"></script>  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/webflow/brand_studio@latest/global-brand-code/brand-style-mods-new.min.css"> <meta name="theme-color" content="#146EF5" />  <meta name="p:domain_verify" content="036f26a5cf411a605048d3b84322ad6d"/>  <meta name="google-site-verification" content="iy6FyGpYh9LOjk-xMM3E0Wk2Ay6cGRGEY6IRbny6xB8" /> <meta property="fb:pages" content="149158061793615" />  <script type='text/javascript' src="https://webflow.com/resources/marketing-head.js"></script> <script id="jetboost-script" type="text/javascript"> window.JETBOOST_SITE_ID = "clle3t0bq01z70qt2egxmbgqn"; (function(d) { var s = d.createElement("script"); s.src = "https://cdn.jetboost.io/jetboost.js"; s.async = 1; d.getElementsByTagName("head")[0].appendChild(s); })(document); </script> <script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsload@1/cmsload.js"></script>  <script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-socialshare@1/socialshare.js"></script> </head><body class="body-off-white"><div class="navbar"><div class="g-nav_wrapper community"><a id="skip-link" href="#main" class="g-nav-skip-new">Skip to main content</a><div data-w-id="66f43c9f-371a-7af3-7d62-6a226263ebe1" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease-out-quart" data-easing2="ease" role="banner" class="g-nav-com w-nav"><div class="g-main_nav_container"><div class="logo-wrapper"><a href="http://webflow.com/" class="com-brand w-nav-brand"><div class="brand-logo w-embed"><svg width="108" height="19" viewBox="0 0 108 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Webflow</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M28.8562 0.5L19.6486 18.5H11L14.8534 11.04H14.6805C11.5015 15.1668 6.7583 17.8835 0 18.5V11.1433C0 11.1433 4.32345 10.8879 6.86508 8.21575H0V0.500142H7.71561V6.84612L7.88878 6.84541L11.0417 0.500142H16.8768V6.80588L17.0499 6.8056L20.3211 0.5H28.8562Z" fill="#146EF5"/> <path d="M79.0662 16.5132H81.5511V2.25H79.0662V16.5132Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M65.3675 16.3675C65.9075 16.592 66.4567 16.7043 67.015 16.7043C67.9373 16.7043 68.7626 16.4798 69.4908 16.0307C70.2189 15.5817 70.7833 14.9628 71.1838 14.1739C71.5843 13.379 71.7845 12.4778 71.7845 11.4705C71.7845 10.4632 71.5782 9.56211 71.1656 8.76718C70.7529 7.97226 70.1795 7.35634 69.4452 6.91943C68.711 6.47646 67.8766 6.25801 66.9421 6.26407C66.3475 6.26407 65.7771 6.37937 65.2309 6.60996C64.6848 6.84055 64.2297 7.16823 63.8656 7.593C63.8375 7.62534 63.8102 7.658 63.7837 7.69099V2.2591H61.2897V16.5132H63.7655L63.7605 15.1816C63.8245 15.2601 63.893 15.3368 63.9657 15.4118C64.3601 15.8184 64.8274 16.1369 65.3675 16.3675ZM67.9161 14.0647C67.5095 14.3135 67.0453 14.4379 66.5234 14.4379C66.0076 14.4379 65.5343 14.3104 65.1035 14.0556C64.6726 13.7946 64.3298 13.4397 64.0749 12.9906C63.8261 12.5416 63.7017 12.0318 63.7017 11.4614C63.6957 10.891 63.817 10.3813 64.0658 9.93227C64.3207 9.47716 64.6635 9.1252 65.0944 8.87641C65.5252 8.62155 66.0016 8.49715 66.5234 8.50322C67.0453 8.49715 67.5095 8.61851 67.9161 8.86731C68.3287 9.11003 68.6442 9.45895 68.8627 9.91406C69.0872 10.3631 69.1995 10.8789 69.1995 11.4614C69.1995 12.044 69.0872 12.5598 68.8627 13.0088C68.6442 13.4579 68.3287 13.8098 67.9161 14.0647Z" fill="currentColor"/> <path d="M32.4562 3.11471H35.2961L37.8365 12.3923L40.539 3.11471H42.9056L45.8365 12.2061L48.2759 3.11471H50.8791L47.038 16.5132H44.5895L41.6091 7.63159L38.8733 16.5132H36.3975L32.4562 3.11471Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M55.0729 16.7498C54.0837 16.7559 53.1917 16.5374 52.3968 16.0945C51.6079 15.6454 50.986 15.0234 50.5308 14.2285C50.0818 13.4336 49.8573 12.5264 49.8573 11.5069C49.8573 10.5178 50.0879 9.62279 50.5491 8.8218C51.0102 8.0208 51.6352 7.39578 52.4241 6.94674C53.213 6.4977 54.0928 6.27318 55.0637 6.27318C56.156 6.27318 57.1117 6.5159 57.9309 7.00135C58.7562 7.4868 59.3721 8.17554 59.7787 9.06755C60.1913 9.9535 60.34 10.9699 60.2247 12.1168H52.428C52.4498 12.5737 52.5638 12.9894 52.77 13.3638C53.0006 13.7764 53.3222 14.098 53.7348 14.3286C54.1475 14.5592 54.6086 14.6745 55.1184 14.6745C55.5067 14.6684 55.8678 14.6017 56.2015 14.4743C56.5353 14.3408 56.8174 14.1618 57.048 13.9372C57.2847 13.7127 57.4516 13.4579 57.5487 13.1727H60.1519C59.9941 13.8705 59.6786 14.4925 59.2053 15.0386C58.7319 15.5787 58.1373 16.0004 57.4212 16.3038C56.7052 16.6072 55.9224 16.7559 55.0729 16.7498ZM52.7791 9.61369C52.6337 9.86727 52.5329 10.1403 52.4768 10.4329H57.6451C57.6076 10.0633 57.4935 9.72652 57.3029 9.42254C57.0844 9.06452 56.7871 8.78842 56.4109 8.59424C56.0347 8.39399 55.6099 8.29387 55.1366 8.29387C54.6329 8.29387 54.1748 8.40916 53.7621 8.63975C53.3495 8.87034 53.0218 9.19499 52.7791 9.61369Z" fill="currentColor"/> <path d="M73.6141 6.48253C73.6141 5.6694 73.7991 4.94729 74.1693 4.3162C74.5394 3.67905 75.0583 3.18449 75.7258 2.83254C76.3993 2.47452 77.1852 2.28944 78.0832 2.27731V4.48914C77.6645 4.49521 77.3065 4.5832 77.0092 4.75311C76.7179 4.91695 76.4934 5.15664 76.3356 5.47218C76.1904 5.76268 76.112 6.09946 76.1005 6.48253H78.0286V8.58514H76.099V16.5132H73.6141V8.58514H72.0121V6.48253H73.6141Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M87.868 16.7316C86.8546 16.7316 85.9474 16.5101 85.1464 16.0672C84.3515 15.6181 83.7265 14.9992 83.2714 14.2103C82.8223 13.4154 82.5978 12.5143 82.5978 11.5069C82.5978 10.4936 82.8223 9.58942 83.2714 8.79449C83.7265 7.99349 84.3515 7.37151 85.1464 6.92854C85.9474 6.48556 86.8546 6.26407 87.868 6.26407C88.8874 6.26407 89.7977 6.48556 90.5986 6.92854C91.4057 7.37151 92.0338 7.99046 92.4828 8.78539C92.9318 9.58031 93.1594 10.4875 93.1655 11.5069C93.1594 12.5143 92.9318 13.4154 92.4828 14.2103C92.0398 14.9992 91.4148 15.6181 90.6077 16.0672C89.8007 16.5101 88.8874 16.7316 87.868 16.7316ZM87.868 14.447C88.402 14.447 88.8753 14.3256 89.2879 14.0829C89.7006 13.8341 90.0191 13.4882 90.2437 13.0452C90.4682 12.5962 90.5804 12.0834 90.5804 11.5069C90.5804 10.9244 90.4682 10.4086 90.2437 9.95957C90.0191 9.51053 89.7006 9.16465 89.2879 8.92192C88.8753 8.67313 88.402 8.54873 87.868 8.54873C87.3401 8.54873 86.8698 8.67313 86.4571 8.92192C86.0506 9.16465 85.735 9.51053 85.5105 9.95957C85.286 10.4086 85.1768 10.9244 85.1828 11.5069C85.1828 12.0834 85.2951 12.5962 85.5196 13.0452C85.7502 13.4882 86.0657 13.8341 86.4662 14.0829C86.8728 14.3256 87.3401 14.447 87.868 14.447Z" fill="currentColor"/> <path d="M95.8506 6.48253H93.0836L96.0782 16.5132H98.4994L100.469 10.1066L102.595 16.5132H104.98L107.984 6.48253H105.481L103.777 12.726L101.894 6.48253H99.4733L97.5995 12.8635L95.8506 6.48253Z" fill="currentColor"/> </svg></div></a><a href="http://webflow.com/community" class="com-brand w-nav-brand"><div class="brand-logo community w-embed"><svg width="96" height="19" viewBox="0 0 96 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.09951 14.2156C5.82373 14.2156 4.67972 13.9251 3.66748 13.3441C2.66123 12.7632 1.8766 11.9546 1.31357 10.9184C0.750553 9.88216 0.469043 8.70521 0.469043 7.3875C0.469043 6.06979 0.750553 4.89284 1.31357 3.85664C1.8766 2.82044 2.66123 2.01185 3.66748 1.43086C4.67972 0.84987 5.82373 0.559375 7.09951 0.559375C8.16566 0.559375 9.15094 0.769011 10.0554 1.18828C10.9598 1.60755 11.7085 2.19453 12.3015 2.94922C12.9004 3.70391 13.2868 4.56042 13.4604 5.51875H11.6815C11.4899 4.86589 11.1694 4.2849 10.7202 3.77578C10.271 3.26068 9.73193 2.85938 9.10303 2.57188C8.47412 2.28438 7.80628 2.14063 7.09951 2.14063C6.15316 2.14063 5.30863 2.36224 4.56592 2.80547C3.82321 3.2487 3.24222 3.87161 2.82295 4.67422C2.40368 5.47083 2.19404 6.37526 2.19404 7.3875C2.19404 8.39974 2.40368 9.30417 2.82295 10.1008C3.24222 10.8914 3.82321 11.5113 4.56592 11.9605C5.30863 12.4098 6.15316 12.6344 7.09951 12.6344C7.86618 12.6344 8.57295 12.4906 9.21982 12.2031C9.8667 11.9156 10.4028 11.5173 10.828 11.0082C11.2593 10.4931 11.5438 9.90911 11.6815 9.25625H13.4604C13.3047 10.2206 12.9334 11.0801 12.3464 11.8348C11.7594 12.5835 11.0107 13.1674 10.1003 13.5867C9.18988 14.006 8.18962 14.2156 7.09951 14.2156ZM19.3585 14.2156C18.3822 14.2156 17.5107 13.997 16.7441 13.5598C15.9834 13.1225 15.3844 12.5146 14.9472 11.7359C14.5099 10.9573 14.2913 10.0708 14.2913 9.07656C14.2913 8.08229 14.5099 7.19284 14.9472 6.4082C15.3844 5.62357 15.9834 5.01263 16.7441 4.57539C17.5107 4.13815 18.3822 3.91953 19.3585 3.91953C20.3408 3.91953 21.2183 4.13815 21.9909 4.57539C22.7636 5.01263 23.3655 5.62357 23.7968 6.4082C24.228 7.18685 24.4437 8.0763 24.4437 9.07656C24.4437 10.0708 24.231 10.9573 23.8058 11.7359C23.3805 12.5146 22.7786 13.1225 21.9999 13.5598C21.2213 13.997 20.3408 14.2156 19.3585 14.2156ZM19.3585 12.7422C20.0293 12.7422 20.6223 12.5895 21.1374 12.284C21.6525 11.9785 22.0478 11.5503 22.3234 10.9992C22.5989 10.4422 22.7366 9.8013 22.7366 9.07656C22.7366 8.34583 22.5989 7.70195 22.3234 7.14492C22.0478 6.58789 21.6525 6.15664 21.1374 5.85117C20.6223 5.5457 20.0293 5.39297 19.3585 5.39297C18.6877 5.39297 18.0977 5.5457 17.5886 5.85117C17.0795 6.15664 16.6842 6.58789 16.4027 7.14492C16.1271 7.70195 15.9924 8.34583 15.9984 9.07656C15.9984 9.8013 16.1391 10.4422 16.4206 10.9992C16.7021 11.5503 17.0944 11.9785 17.5976 12.284C18.1067 12.5895 18.6937 12.7422 19.3585 12.7422ZM25.8855 4.13516H27.4847V6.11172H27.1792C27.2511 5.71641 27.4398 5.35104 27.7452 5.01563C28.0507 4.68021 28.434 4.41367 28.8952 4.21602C29.3624 4.01836 29.8566 3.91953 30.3777 3.91953C30.8808 3.91953 31.351 4.00938 31.7882 4.18906C32.2255 4.36875 32.5938 4.6263 32.8933 4.96172C33.1928 5.29115 33.4024 5.67448 33.5222 6.11172L32.9292 6.07578C33.0909 5.68646 33.3365 5.32708 33.6659 4.99766C34.0014 4.66224 34.4027 4.3987 34.8699 4.20703C35.337 4.01536 35.8462 3.91953 36.3972 3.91953C37.086 3.91953 37.6939 4.06927 38.221 4.36875C38.7541 4.66823 39.1674 5.09349 39.4609 5.64453C39.7544 6.18958 39.9011 6.81849 39.9011 7.53125V14H38.2839V7.53125C38.2839 7.09401 38.1911 6.70768 38.0054 6.37227C37.8197 6.03086 37.5562 5.76732 37.2148 5.58164C36.8734 5.39596 36.4811 5.30313 36.0378 5.30313C35.6006 5.30313 35.2023 5.40794 34.8429 5.61758C34.4895 5.82721 34.211 6.1207 34.0074 6.49805C33.8037 6.8694 33.7019 7.27969 33.7019 7.72891V14H32.0847V7.36953C32.0847 6.96224 31.9949 6.60286 31.8152 6.29141C31.6355 5.97995 31.3809 5.73737 31.0515 5.56367C30.7221 5.38997 30.3417 5.30313 29.9105 5.30313C29.4553 5.30313 29.045 5.41992 28.6796 5.65352C28.3143 5.88711 28.0268 6.21055 27.8171 6.62383C27.6075 7.03112 27.5027 7.48333 27.5027 7.98047V14H25.8855V4.13516ZM41.6484 4.13516H43.2476V6.11172H42.9421C43.014 5.71641 43.2027 5.35104 43.5081 5.01563C43.8136 4.68021 44.197 4.41367 44.6581 4.21602C45.1253 4.01836 45.6195 3.91953 46.1406 3.91953C46.6437 3.91953 47.1139 4.00938 47.5511 4.18906C47.9884 4.36875 48.3567 4.6263 48.6562 4.96172C48.9557 5.29115 49.1653 5.67448 49.2851 6.11172L48.6921 6.07578C48.8539 5.68646 49.0994 5.32708 49.4289 4.99766C49.7643 4.66224 50.1656 4.3987 50.6328 4.20703C51.0999 4.01536 51.6091 3.91953 52.1601 3.91953C52.8489 3.91953 53.4568 4.06927 53.9839 4.36875C54.517 4.66823 54.9303 5.09349 55.2238 5.64453C55.5173 6.18958 55.664 6.81849 55.664 7.53125V14H54.0468V7.53125C54.0468 7.09401 53.954 6.70768 53.7683 6.37227C53.5826 6.03086 53.3191 5.76732 52.9777 5.58164C52.6363 5.39596 52.244 5.30313 51.8007 5.30313C51.3635 5.30313 50.9652 5.40794 50.6058 5.61758C50.2524 5.82721 49.9739 6.1207 49.7703 6.49805C49.5666 6.8694 49.4648 7.27969 49.4648 7.72891V14H47.8476V7.36953C47.8476 6.96224 47.7578 6.60286 47.5781 6.29141C47.3984 5.97995 47.1438 5.73737 46.8144 5.56367C46.485 5.38997 46.1046 5.30313 45.6734 5.30313C45.2182 5.30313 44.8079 5.41992 44.4425 5.65352C44.0772 5.88711 43.7897 6.21055 43.58 6.62383C43.3704 7.03112 43.2656 7.48333 43.2656 7.98047V14H41.6484V4.13516ZM63.8441 4.13516H65.4613V14H63.88V11.5742L64.2933 11.4484C64.2394 11.9576 64.0537 12.4277 63.7363 12.859C63.4248 13.2842 63.0235 13.6167 62.5324 13.8563C62.0472 14.0958 61.5201 14.2156 60.9511 14.2156C60.2444 14.2156 59.6185 14.0599 59.0734 13.7484C58.5284 13.437 58.1061 12.9997 57.8066 12.4367C57.5071 11.8737 57.3574 11.2268 57.3574 10.4961V4.13516H58.9746V10.2625C58.9746 10.7836 59.0674 11.2388 59.2531 11.6281C59.4388 12.0115 59.7053 12.3049 60.0527 12.5086C60.4001 12.7122 60.8074 12.8141 61.2746 12.8141C61.7537 12.8141 62.188 12.6853 62.5773 12.4277C62.9666 12.1702 63.2751 11.8228 63.5027 11.3855C63.7303 10.9423 63.8441 10.4542 63.8441 9.92109V4.13516ZM69.1133 14H67.4961V4.13516H69.0773V6.56094L68.664 6.68672C68.7179 6.1776 68.9006 5.71042 69.2121 5.28516C69.5295 4.85391 69.9308 4.51849 70.416 4.27891C70.9071 4.03932 71.4372 3.91953 72.0062 3.91953C72.713 3.91953 73.3389 4.07526 73.884 4.38672C74.429 4.69818 74.8513 5.13542 75.1508 5.69844C75.4502 6.26146 75.6 6.90833 75.6 7.63906V14H73.9828V7.87266C73.9828 7.35156 73.89 6.89935 73.7043 6.51602C73.5186 6.12669 73.2521 5.83021 72.9047 5.62656C72.5573 5.42292 72.15 5.32109 71.6828 5.32109C71.2036 5.32109 70.7694 5.44987 70.3801 5.70742C69.9907 5.96497 69.6823 6.31536 69.4547 6.75859C69.2271 7.19583 69.1133 7.68099 69.1133 8.21406V14ZM77.4371 4.13516H79.0543V14H77.4371V4.13516ZM77.3832 0.757032H79.198V2.64375H77.3832V0.757032ZM81.9875 1.74531H83.5328V14H81.9875V1.74531ZM80.1547 4.13516H85.3656V5.53672H80.1547V4.13516ZM90.8684 15.7609C90.6767 16.276 90.4491 16.7013 90.1856 17.0367C89.922 17.3721 89.6046 17.6237 89.2332 17.7914C88.8679 17.9591 88.4426 18.043 87.9574 18.043H86.5199V16.5336H87.9395C88.191 16.5336 88.4127 16.4857 88.6043 16.3898C88.796 16.294 88.9607 16.1533 89.0985 15.9676C89.2422 15.7819 89.371 15.5393 89.4848 15.2398L89.952 14L85.9989 4.13516H87.7778L91.3356 13.407H90.1856L93.4379 4.13516H95.1449L90.8684 15.7609Z" fill="currentColor"/> </svg></div></a></div><nav role="navigation" class="g-nav_menu cc-black w-nav-menu"><div class="g-nav_menu-mobile-flex"><ul role="list" class="g-nav_menu-left w-list-unstyled"><li class="g-nav_menu-list_item"><div data-hover="false" data-delay="0" data-w-id="ed889d0e-b757-1852-ec21-8cfed50519b8" class="g-nav-dev_menu-dropdown_wrapper w-dropdown"><div class="g-nav-dev_menu-dropdown_toggle w-dropdown-toggle"><div>Watch & Listen</div><div class="g-nav-dev_menu-dropdown-icon w-embed"><svg alt="" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <line y1="-0.5" x2="7.31057" y2="-0.5" transform="matrix(0.683941 0.729537 -0.683941 0.729537 0 2.82239)" stroke="currentColor"/> <line y1="-0.5" x2="7.31057" y2="-0.5" transform="matrix(-0.683941 0.729537 0.683941 0.729537 10 2.82239)" stroke="currentColor"/> </svg></div></div><nav class="g-nav-dev_menu-dropdown w-dropdown-list"><ul role="list" class="g-nav-dev_menu-dropdown_list w-list-unstyled"><li class="g-nav-dev_menu-dropdown_li"><a href="https://webflow.com/events/livestreams" class="g-nav-dev_menu-dropdown-link w-inline-block"><div>Livestreams</div></a></li><li class="g-nav-dev_menu-dropdown_li"><a href="https://webflow.com/community/overflow" class="g-nav-dev_menu-dropdown-link w-inline-block"><div>Podcasts</div></a></li></ul></nav></div></li><li class="g-nav_menu-list_item"><a href="https://webflow.com/events" class="com-nav_menu-link_wrapper w-nav-link">Events</a></li><li class="g-nav_menu-list_item"><a href="https://webflow.com/community/essentials" class="com-nav_menu-link_wrapper w-nav-link">Essentials</a></li><li class="g-nav_menu-list_item"><div data-hover="false" data-delay="0" data-w-id="66f43c9f-371a-7af3-7d62-6a226263ec10" class="g-nav-dev_menu-dropdown_wrapper w-dropdown"><div class="g-nav-dev_menu-dropdown_toggle w-dropdown-toggle"><div>More</div><div class="g-nav-dev_menu-dropdown-icon w-embed"><svg alt="" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <line y1="-0.5" x2="7.31057" y2="-0.5" transform="matrix(0.683941 0.729537 -0.683941 0.729537 0 2.82239)" stroke="currentColor"/> <line y1="-0.5" x2="7.31057" y2="-0.5" transform="matrix(-0.683941 0.729537 0.683941 0.729537 10 2.82239)" stroke="currentColor"/> </svg></div></div><nav class="g-nav-dev_menu-dropdown w-dropdown-list"><ul role="list" class="g-nav-dev_menu-dropdown_list w-list-unstyled"><li class="g-nav-dev_menu-dropdown_li"><a href="https://webflow.com/community/global-leaders" class="g-nav-dev_menu-dropdown-link w-inline-block"><div>Global Leaders</div></a></li><li class="g-nav-dev_menu-dropdown_li"><a href="https://webflow.com/community-grants" class="g-nav-dev_menu-dropdown-link w-inline-block"><div>Community Grants</div></a></li><li class="g-nav-dev_menu-dropdown_li"><a href="https://webflow.com/community/student-of-the-month" class="g-nav-dev_menu-dropdown-link w-inline-block"><div>Student of the Month</div></a></li><li class="g-nav-dev_menu-dropdown_li"><a href="https://webflow.com/community/webflow-challenge" class="g-nav-dev_menu-dropdown-link w-inline-block"><div>Webflow Challenge</div></a></li><li class="g-nav-dev_menu-dropdown_li"><a href="https://university.webflow.com/" class="g-nav-dev_menu-dropdown-link w-inline-block"><div>Webflow University</div></a></li><li class="g-nav-dev_menu-dropdown_li"><a href="https://forum.webflow.com/" class="g-nav-dev_menu-dropdown-link w-inline-block"><div>Webflow Forum</div></a></li><li class="g-nav-dev_menu-dropdown_li"><a href="https://support.webflow.com/" class="g-nav-dev_menu-dropdown-link w-inline-block"><div>Support</div></a></li></ul></nav></div></li></ul><div class="g-nav_menu-right-refresh"><a href="https://webflow.com/dashboard/login" id="login-btn" data-login-cta="1" class="g-nav_menu-link_wrapper-refresh cc-dark w-nav-link">Log in</a><a href="https://webflow.com/dashboard/signup" id="continue-nav" data-signup-cta="1" class="button-nav w-nav-link">Get started <span class="g-nav-text_desktop"> — it's free</span></a></div></div></nav><div class="g-nav_menu-mobile cc-mobile"><div id="continue-nav-mobile" data-signup-cta="1" class="g-nav_menu-right cc-mobile"><a href="https://webflow.com/dashboard/signup" data-signup-cta="1" class="g-nav_menu-link_wrapper-mobile u-text-white hide w-nav-link">Get started <span class="g-nav-text_desktop">— it's free</span></a></div><div id="g-nav-icon" aria-label="Menu" class="g-nav_menu-button w-nav-button"><div data-is-ix2-target="1" class="g-nav_menu-button-icon" data-w-id="66f43c9f-371a-7af3-7d62-6a226263ebf0" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/5f1a22ca3b746e2f46cafd62/5f1a22ca3b746e32a7cafdbb_nav.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="1.5" data-duration="0" data-ix2-initial-state="0"></div></div></div></div></div><div id="g-nav_menu-overlay" scroll="enable" class="g-nav_menu-overlay"></div><div class="exp_g-modal_wrap"><div class="exp_g-modal_box"><div data-modal-close="control" class="exp_g-modal_x modal-close_btn"></div><div class="exp_g-modal-asset cc-image"><div class="exp_g-modal-image"><img src="https://cdn.prod.website-files.com/5f1efd2768fed6b653883c9d/6410e9e45953820459c392e6_control-lg-compressed.webp" loading="lazy" alt="" class="exp_g-modal-image-img cc-desktop"/><img src="https://cdn.prod.website-files.com/5f1efd2768fed6b653883c9d/6410e9e4595382677cc392ce_control-md.webp" loading="lazy" alt="" class="exp_g-modal-image-img cc-tablet"/></div></div><div class="exp_g-modal-login"><div><div class="exp_g-modal_embed experiment w-embed w-iframe"><iframe data-modal-variant="control" style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;" frameBorder="0"></iframe></div></div><div class="exp_g-modal-logos"><div class="exp_g-modal-logos_title">Trusted by teams at</div><div class="exp_g-modal-logos_wrapper"><img src="https://cdn.prod.website-files.com/5e8657f6ea473171a4ceaabe/624c77e4d86d6eb04df4428b_dell.svg" loading="lazy" alt="Dell logo" height="19" class="exp_g-modal-logos_img"/><img src="https://cdn.prod.website-files.com/5f1efd2768fed6b653883c9d/6410e9e459538239eec392cb_monday.com.svg" loading="lazy" alt="Monday.com logo" height="21" class="exp_g-modal-logos_img"/><img src="https://cdn.prod.website-files.com/5e8657f6ea473171a4ceaabe/624c77e5d127960594a0cee4_rakuten.svg" loading="lazy" alt="Rakuten logo" height="22" class="exp_g-modal-logos_img cc-rakuten"/><img src="https://cdn.prod.website-files.com/5f1efd2768fed6b653883c9d/6410e9e45953827763c392cd_nytimes.svg" loading="lazy" alt="New York Times logo" height="21" class="exp_g-modal-logos_img"/><img src="https://cdn.prod.website-files.com/5f1efd2768fed6b653883c9d/6410e9e45953823bd5c392ca_TED.svg" loading="lazy" height="18" alt="TED logo" class="exp_g-modal-logos_img"/><img src="https://cdn.prod.website-files.com/5f1efd2768fed6b653883c9d/6410e9e45953827a0fc392cc_philips.svg" loading="lazy" alt="Philips logo" height="15" class="exp_g-modal-logos_img"/></div></div></div></div><div data-modal-trigger="control" class="exp_g-modal_trigger"></div><div class="u-hidden-2 w-embed"><style> /* Edit to navigation for quote in slider user in Sign-up experiment */ .w-slider-nav { height: auto !important; text-align: left !important; padding: 0 80px 36px !important; } .w-slider-dot { margin: 0 12px 0 0 !important; width: 0.75em !important; height: 0.75em !important; } @media screen and (max-width: 991px) { .w-slider-nav { height: auto !important; text-align: left !important; padding: 0 60px 36px !important; } } @media screen and (max-width: 479px) { .w-slider-nav { height: auto !important; text-align: left !important; padding: 0 28px 28px !important; } } </style></div></div><div class="exp_g-modal_wrap cc-test"><div class="exp_g-modal_box experiment"><div data-modal-close="treatment" class="exp_g-modal_x modal-close_btn"></div><div class="exp_g-modal-asset cc-image cc-test"><div class="exp_g-modal-image cc-test"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5c_test-lg-2.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5c_test-lg-2-p-500.webp 500w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5c_test-lg-2-p-800.webp 800w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5c_test-lg-2-p-1080.webp 1080w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5c_test-lg-2-p-1600.webp 1600w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5c_test-lg-2-p-2000.webp 2000w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5c_test-lg-2-p-2600.webp 2600w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5c_test-lg-2-p-3200.webp 3200w" sizes="(max-width: 479px) 0px, 100vw" alt="" class="exp_g-modal-image-img cc-test cc-desktop"/><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5d_test-md.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5d_test-md-p-500.webp 500w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5d_test-md-p-800.webp 800w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5d_test-md-p-1080.webp 1080w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5d_test-md-p-1600.webp 1600w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5d_test-md-p-2000.webp 2000w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5d_test-md-p-2600.webp 2600w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895ef5d_test-md.webp 2708w" sizes="(max-width: 479px) 0px, 100vw" alt="" class="exp_g-modal-image-img cc-tablet"/></div></div><div id="w-node-_66f43c9f-371a-7af3-7d62-6a226263ec58-8339778a" class="exp_g-modal-login cc-test"><div><div class="exp_g-modal_embed experiment w-embed w-iframe"><iframe data-modal-variant="treatment" style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;" frameBorder="0"></iframe></div></div><div class="exp_g-modal-logos"><div class="exp_g-modal-logos_title">Trusted by teams at</div><div class="exp_g-modal-logos_wrapper cc-test"><img src="https://cdn.prod.website-files.com/5e8657f6ea473171a4ceaabe/624c77e4d86d6eb04df4428b_dell.svg" loading="lazy" alt="Dell logo" height="19" class="exp_g-modal-logos_img cc-test"/><img src="https://cdn.prod.website-files.com/5f1efd2768fed6b653883c9d/6410e9e459538239eec392cb_monday.com.svg" loading="lazy" alt="Monday.com logo" height="21" class="exp_g-modal-logos_img cc-test"/><img src="https://cdn.prod.website-files.com/5e8657f6ea473171a4ceaabe/624c77e5d127960594a0cee4_rakuten.svg" loading="lazy" alt="Rakuten logo" height="22" class="exp_g-modal-logos_img cc-rakuten cc-test"/><img src="https://cdn.prod.website-files.com/5f1efd2768fed6b653883c9d/6410e9e45953827763c392cd_nytimes.svg" loading="lazy" alt="New York Times logo" height="21" class="exp_g-modal-logos_img cc-test"/><img src="https://cdn.prod.website-files.com/5f1efd2768fed6b653883c9d/6410e9e45953823bd5c392ca_TED.svg" loading="lazy" height="18" alt="TED logo" class="exp_g-modal-logos_img cc-test"/><img src="https://cdn.prod.website-files.com/5f1efd2768fed6b653883c9d/6410e9e45953827a0fc392cc_philips.svg" loading="lazy" alt="Philips logo" height="15" class="exp_g-modal-logos_img cc-test"/></div></div></div></div><div data-modal-trigger="treatment" class="exp_g-modal_trigger"></div><div class="u-hidden-2 w-embed"><style> /* Edit to navigation for quote in slider user in Sign-up experiment */ .w-slider-nav { height: auto !important; text-align: left !important; padding: 0 80px 36px !important; } .w-slider-dot { margin: 0 12px 0 0 !important; width: 0.75em !important; height: 0.75em !important; } @media screen and (max-width: 991px) { .w-slider-nav { height: auto !important; text-align: left !important; padding: 0 60px 36px !important; } } @media screen and (max-width: 479px) { .w-slider-nav { height: auto !important; text-align: left !important; padding: 0 28px 28px !important; } } </style></div></div><div class="g-nav-css w-embed"><style> * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-underline-position: under; } /* Lowering z-index so that it's below the nav when opened */ .w-webflow-badge { z-index: 100 !important; } ::selection { background: rgb(20, 110, 245); /* Bright Blue */ color: white; } ::-moz-selection { background: rgb(20, 110, 245); /* Bright Blue */ color: white; } /* Nav styling and focus states */ .g-nav_menu-section_link:hover .g-nav_menu-section_link-heading, .g-nav_menu-section_link:focus .g-nav_menu-section_link-heading, .g-nav_menu-section_link-row:hover .g-nav_menu-section_link-heading, .g-nav_menu-section_link-row:focus .g-nav_menu-section_link-heading { text-decoration: underline; } .g-nav_menu-section_link:hover .g-nav_menu-beta_tag, .g-nav_menu-section_link:focus .g-nav_menu-beta_tag { text-decoration: none !important; } .g-nav *:focus { outline: none !important; } /* Adjustments made to ensure there is no breaking on desktop nav */ @media screen and (max-width: 1205px) and (min-width: 992px) { .g-nav_menu-list_item { margin-right: 18px; } .g-nav-com { padding: 0px 0px 0px 0px; } .g-nav_menu { margin-left: 18px; } .g-nav-dev_menu-dropdown_toggle { font-size: .85rem; } .button-nav{ font-size: .85rem; } .g-nav-text_desktop { display: none; } .g-nav_menu-link_wrapper-refresh { font-size: .85rem; } } @media screen and (max-width: 1030px) and (min-width: 992px) { .button-nav { padding: 12px 16px; } } */ </style></div><div class="g-nav-js w-embed w-script"><script> //Close modal when pressing the Esc key window.addEventListener('keyup', function(event) { if (event.which === 27) { console.log('Esc') var modalClose = document.getElementById('g-modal-close'); modalClose.click(); } }); //Lock body scroll when nav is open window.addEventListener('DOMContentLoaded', (event) => { $('.g-nav_menu-button, .w-nav-overlay').click(function() { if ($('body').css('overflow') !== 'hidden') { $('body').css('overflow', 'hidden'); } else { $('body').css('overflow', 'auto'); } }); }); //Cover 100% of the iOS height const setVh = () => { const vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', `${vh}px`); }; window.addEventListener('load', setVh); window.addEventListener('resize', setVh); </script></div></div></div><div class="essentials-embed_wrapper"><div class="html w-embed"><style> /* Global CSS rules for smoothing fonts and preserving link color */ * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Inherit color for anchor tags */ a { color: inherit; } /* Hover effect for card_component and its child card_button */ .card_component:hover .card_button { opacity: 1; } /* Hover effect for collection-card_component and its child card_button */ .collection-card_component:hover .card_button { opacity: 1; } /* Hover effect for card_component and its child op-image */ .card_component:hover .op-image { filter: brightness(0.8); transform: scale(1.04); } /* Hover effect for collection-card_component and its child op-image */ .collection-card_component:hover .op-image { filter: brightness(0.8); transform: scale(1.04); } .page_wrap { overflow: clip; } </style></div></div><div class="u-global-designer-code w-embed"><style> .w-richtext>:first-child { margin-top: 0; } .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0; } .w-input, .w-select, a { color: inherit; font-size: inherit; } </style></div><main tr-ajaxmodal-element="cms-page-content" class="page-main"><div class="section cc-essentials_top"><div class="container constrained"><a href="https://webflow.com/community/essentials" data-w-id="1a4edc0b-fd23-de9c-0c12-7c6917072273" class="button cc-text-only cc-essentials-back w-inline-block"><div class="button-icon_left">←</div><div class="u-d-inline-block">Back to Essentials</div></a><div class="grid lg-col-1"><div class="item_top"><h1 class="u-mb-0 h3">Color Hunt</h1><a href="https://colorhunt.co/" target="_blank" class="button cc-black-old u-mr-0 w-inline-block"><div class="u-d-inline-block w-embed">View resource</div><div class="button-icon_top-right w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="currentColor" width="12"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polygon points="4.5 0 4.5 1 10.29 1 0 11.29 0.71 12 11 1.71 11 7.5 12 7.5 12 0 4.5 0" /> </g> </g> </svg></div></a></div><div class="resource_wrapper item"><div class="grid sm-col-1 cc-gap-40"><div id="w-node-_8636ae55-765d-71b0-8da0-841ee99410c5-5895eec7" class="card_component no-border"><div id="w-node-_2cb1ca68-2840-ccb7-38bd-65e3777f1a10-5895eec7" class="card_wrapper item"><a href="https://colorhunt.co/" target="_blank" class="u-link-overlay w-inline-block"><div class="u-sr-only">This is some text inside of a div block.</div></a><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ae2cb8c9c47a30eba3b8_74aa69e8-1e4f-430f-8319-5cc2e20eaabd.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow external w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="" /></div></div></div><div id="w-node-_2cb1ca68-2840-ccb7-38bd-65e3777f1a1a-5895eec7"><div class="item_text-wrapper w-richtext"><p>Discover the newest hand-picked color palettes and get color inspiration for your design and art projects.</p></div><div class="item-info_component"><div class="tag-component"><div class="caption u-mb-0 u-text-black">Category</div><div class="tag_text dark">Colors</div></div><div><div class="caption mb-10 u-text-black">Share</div><div class="social-links_wrapper"><a fs-socialshare-element="twitter" href="#" class="fs-socialshare_link is-twitter w-inline-block"><div class="fs-socialshare_icon w-embed"><svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>X</title> <path d="M13.9389 0.316772H16.5457L10.8507 6.82584L17.5504 15.6832H12.3046L8.19581 10.3113L3.49447 15.6832H0.886112L6.97752 8.72103L0.550415 0.316772H5.92945L9.6434 5.22694L13.9389 0.316772ZM13.024 14.1229H14.4685L5.14458 1.7951H3.59454L13.024 14.1229Z" fill="currentColor"/> </svg></div></a><a fs-socialshare-element="linkedin" href="#" class="fs-socialshare_link is-linkedin w-inline-block"><div class="fs-socialshare_icon w-embed"><svg aria-hidden="true" role="img" fill='currentColor' viewBox="0 0 24 28" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></div></a><a fs-socialshare-element="facebook" href="#" class="fs-socialshare_link is-facebook w-inline-block"><div class="fs-socialshare_icon w-embed"><svg aria-hidden="true" role="img" fill='currentColor' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 28"><title>Facebook icon</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></div></a><div fs-socialshare-element="content" class="hide w-embed">Check out this awesome resource I found!</div></div></div></div></div></div></div></div></div></div><div class="section"><div class="container"><h1 class="h3 u-mb-1">Similar items</h1><div class="feed_component"><div class="feed_wrapper jetboost-list-wrapper-lom2 jetboost-list-wrapper-l8x2 jetboost-list-wrapper-25z2 jetboost-list-wrapper-217b w-dyn-list"><div role="list" class="grid lg-col-3 md-col-2 sm-col-1 cc-gap-20 w-dyn-items"><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/adobe-color" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b6de8b249174b12cdc56_c30bdb65-3273-4064-8847-6995b78bfc3c.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Adobe Color</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/hd-gradients" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b6b174a8f5975d49194f_0fc71526-cd76-4cc3-af93-52e9e259405a.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">HD Gradients</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/colorhub" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b6782935ecb99808c07b_67fd4b24-3a30-4c3a-93e1-95d755f967a6.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">ColorHub</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/coolors" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b5fcc2b6833437cf670a_56606ec6-43ae-4d12-962a-22a3a0b43a97.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Coolors</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/colormagic" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b52f6653323571016d1e_449a1abb-7f4e-4b55-871e-d1298c2f2332.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">ColorMagic</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/branition" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b41d5f1d1f5819897281_25e75fbb-93c1-403c-92a0-7417b7663f4f.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Branition</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/picular" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b3cefd51a072d54afd40_778fdb18-ed76-439c-b1f1-260fbfc31fcd.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Picular</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/color-system-material-3" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b3ad7e2ab082479d1c61_7b124364-779b-47f6-810d-c581380366ee.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Color System - Material 3</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/sip" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526aec6aedba314c1dc9596_0153104a-f125-46e7-83fa-4fa943b3d003.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Sip</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/happy-hues" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ae6ad7e485f908cce4d9_5c46b4db-74a0-445a-92e3-7324e6cbaa19.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Happy Hues</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/gradient-generator" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526adee207fbf06850703ed_9b239830-fc8e-44a3-92ab-87d31d7087c6.webp" alt="" class="img op-image"/><div class="card_button"><div class="w-embed">View item</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Gradient Generator</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9a87f4a5809d1da1df_64beeb9f3a7b64fd12a3ac6d_icon---eyedropper.svg" loading="lazy" alt="" class="op-icon_image"/></div></div></div></div></div><div class="jetboost-list-wrapper-empty-lom2 jetboost-list-wrapper-empty-217b"><div class="feed-empty_wrapper"><h3 class="h1">Sorry, no results</h3><h4 class="u-mb-2">Have some inspiration to share? Submit it to the team!</h4><div class="button-group"><a href="#" class="button-8 cc-primary-blue u-m-0 jetboost-filter-none-l8x2 jetboost-filter-none-25z2 jetboost-filter-none-217b jetboost-list-search-reset-lom2 w-inline-block"><div>Reset filters</div></a><a href="#" class="button-8 cc-bg-white w-inline-block"><div>Share</div></a></div></div></div><div class="w-embed"><style> @media screen and (min-width: 1440px){ .feed_item:nth-child(7n+6){ grid-column-start: span 2; grid-column-end: span 2; grid-row-start: span 2; grid-row-end: span 2; } .feed_item .Card-top_wrapper:nth-child(7n+6){ justify-content: center; } } @media screen and (max-width: 1439px) and (min-width: 992px){ .feed_item:nth-child(7n+4){ grid-column-start: span 2; grid-column-end: span 2; grid-row-start: span 2; grid-row-end: span 2; } .feed_item .Card-top_wrapper:nth-child(7n+6){ justify-content: center; } } </style></div></div></div></div><div class="section u-pt-0"><div class="container"><h1 class="h3 u-mb-1">Other items</h1><div class="feed_component"><div class="w-embed"><style> @media screen and (min-width: 1440px){ .feed_item:nth-child(7n+6){ grid-column-start: span 2; grid-column-end: span 2; grid-row-start: span 2; grid-row-end: span 2; } .feed_item .Card-top_wrapper:nth-child(7n+6){ justify-content: center; } } @media screen and (max-width: 1439px) and (min-width: 992px){ .feed_item:nth-child(7n+4){ grid-column-start: span 2; grid-column-end: span 2; grid-row-start: span 2; grid-row-end: span 2; } .feed_item .Card-top_wrapper:nth-child(7n+6){ justify-content: center; } } </style></div><div class="feed_cms-wrapper jetboost-list-wrapper-2q47 jetboost-list-wrapper-7ox7 w-dyn-list"><div fs-cmsload-mode="load-under" tr-randomizer-element="list-main" fs-cmsload-element="list" role="list" class="grid feed w-dyn-items"><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/wannathis-mockups" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ae4065f8bff11c4aeb8f_5dfbae4c-744c-4df1-af63-d9fd7fccdc74.webp" loading="eager" alt="Wannathis Mockups" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Wannathis Mockups</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad6ea0fb8750e82a4a4d_64bad00a7af381478b94a9bb_Icon---Mockup.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="wannathis-mockups" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/500px" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b42e192e62002b61acbb_436161f7-1f2f-481f-9617-f78aef7a1a68.webp" loading="eager" alt="500px" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">500px</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad911a3cf31f8422d765_64bad00e7acd7c718c930fdb_Icon---Photos.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="500px" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/phosphor-icons" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526aebb04f07a02a2975b28_fd82457d-f0bb-413b-9d9c-9f6729e7187b.webp" loading="eager" alt="Phosphor Icons" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Phosphor Icons</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad77490c8de279a2893e_64bb04f22ac92d05e08615ed_Icon.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="phosphor-icons" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/bunch-of-icons" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526afde947ab4fe5e109057_5d564f40-fd64-4d25-a35c-f05d867a079d.webp" loading="eager" alt="Bunch of icons" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Bunch of icons</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad77490c8de279a2893e_64bb04f22ac92d05e08615ed_Icon.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="bunch-of-icons" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/radix-icons" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526addb0d2d6037610b82b1_e54eba4d-0617-4de7-bc36-92b5902f29de.webp" loading="eager" alt="Radix Icons" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Radix Icons</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad77490c8de279a2893e_64bb04f22ac92d05e08615ed_Icon.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="radix-icons" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/adobe-stock" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b6c7169de6cfb8b81deb_9ef84c4c-bb12-4ae2-ab11-d97c0aa1de45.webp" loading="eager" alt="Adobe Stock" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Adobe Stock</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad911a3cf31f8422d765_64bad00e7acd7c718c930fdb_Icon---Photos.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="adobe-stock" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/fontshare" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b6ca20cea8e0bb80049a_d793fa69-fdfb-41a8-97ba-2123a0e77bc7.webp" loading="eager" alt="Fontshare" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Fontshare</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9f5c76d092f5409601_64bad00be29f90f82364293f_Icon-Type.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="fontshare" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/death-to-stock" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b66cbc2ccd769719a398_a1845777-9c23-4132-b18e-b3c794366590.webp" loading="eager" alt="Death to Stock" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Death to Stock</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad911a3cf31f8422d765_64bad00e7acd7c718c930fdb_Icon---Photos.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="death-to-stock" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/ui8" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b699aedba314c1e7ae56_6ccb8fca-4311-4119-9d0f-4f641c82dd13.webp" loading="eager" alt="UI8" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">UI8</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad86d39a301edd456b1e_64c0293351397def03340bcc_Icon---illustration.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="ui8" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/layers" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b1943d782d7da0959a72_97f6f7f4-4406-40f5-b031-970eddc377ce.webp" loading="eager" alt="Layers" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Layers</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad6ea0fb8750e82a4a4d_64bad00a7af381478b94a9bb_Icon---Mockup.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="layers" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/vecteezy" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b4098ba93c03b13efe4e_e8dc2a85-4db7-40be-bfb7-ca497ac5301f.webp" loading="eager" alt="Vecteezy" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Vecteezy</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad86d39a301edd456b1e_64c0293351397def03340bcc_Icon---illustration.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="vecteezy" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/craftwork-fonts" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b6f78b249174b12ce072_22e5a53a-fd60-48e7-ba67-ac7c6836e893.webp" loading="eager" alt="Craftwork — Fonts" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Craftwork — Fonts</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad9f5c76d092f5409601_64bad00be29f90f82364293f_Icon-Type.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="craftwork-fonts" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/shape" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b2ae86d28876ce1e14f5_a2061c07-0199-40da-a206-47a733d2e22c.webp" loading="eager" alt="Shape" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Shape</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad86d39a301edd456b1e_64c0293351397def03340bcc_Icon---illustration.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="shape" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/blobs" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b27a0d2d603761127708_85dd2f4e-04b7-4524-9671-ed499074d075.webp" loading="eager" alt="Blobs" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Blobs</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526adaa72990ca16322539b_64bad010dcabfd169232098c_Icon-Figma.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="blobs" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/contrast" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b057598cafa5c689e18c_548c7b1d-ed81-43df-99d9-a50acde57a9a.webp" loading="eager" alt="Contrast" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Contrast</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526adaa72990ca16322539b_64bad010dcabfd169232098c_Icon-Figma.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="contrast" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/the-mockups" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b4cf1619d2b3aae470ed_f3723ae9-82fe-48c8-a77b-e48edf0a8aca.webp" loading="eager" alt="The Mockups" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">The Mockups</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad6ea0fb8750e82a4a4d_64bad00a7af381478b94a9bb_Icon---Mockup.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="the-mockups" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/mixkit" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b6f11619d2b3aae7891a_9045443c-83a6-402c-bd34-1cdd1b815611.webp" loading="eager" alt="Mixkit" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Mixkit</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad911a3cf31f8422d765_64bad00e7acd7c718c930fdb_Icon---Photos.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="mixkit" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/ls-graphics-illustrations" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b2c181e5ee5447ba8927_fabe99b7-6b5e-42b5-8e77-3e98f7712738.webp" loading="eager" alt="ls.graphics — Illustrations" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">ls.graphics — Illustrations</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad86d39a301edd456b1e_64c0293351397def03340bcc_Icon---illustration.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="ls-graphics-illustrations" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/chromatic-figma" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b6c5cb252b7692aad51a_27d042e7-7020-4544-a62c-d9f47dda8d32.webp" loading="eager" alt="Chromatic Figma" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Chromatic Figma</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526adaa72990ca16322539b_64bad010dcabfd169232098c_Icon-Figma.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="chromatic-figma" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/font-awesome-icons" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526b07f4f01d118b38273ff_38819a38-b604-4d66-8aa6-19c97a3f9c67.webp" loading="eager" alt="Font Awesome Icons" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Font Awesome Icons</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad77490c8de279a2893e_64bb04f22ac92d05e08615ed_Icon.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="font-awesome-icons" /></div></div><div role="listitem" class="feed_item w-dyn-item"><div class="card_component u-shadow"><a href="https://webflow.com/community/resource/craftwork-illustrations" class="u-link-overlay w-inline-block"><div class="u-sr-only"></div></a><div class="card-top_wrapper"><div class="card_wrapper"><div tr-ajaxmodal-element="cms-link" class="card_img-cover"><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526afb75b8601403d4b60b7_57609cfb-0528-4778-b663-e2dc5628a815.webp" loading="eager" alt="Craftwork — Illustrations" class="op-image"/><div class="card_button"><div class="w-embed">View</div><div class="card_button-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.37 12.37"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" points="11.37 10.95 11.37 1 1.43 1" /> <line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2px" x1="11.37" y1="1" x2="0.71" y2="11.66" /> </g> </g> </svg></div></div></div></div></div><div class="card_description"><div class="h5 u-mb-0">Craftwork — Illustrations</div><img src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eeaa/6526ad86d39a301edd456b1e_64c0293351397def03340bcc_Icon---illustration.svg" loading="lazy" alt="" class="op-icon_image"/></div></div><div class="w-embed"><input type="hidden" class="jetboost-list-item" value="craftwork-illustrations" /></div></div></div><div role="navigation" aria-label="List" class="w-pagination-wrapper"><a href="?6de23327_page=2" aria-label="Next Page" class="w-pagination-next button cc-black-old u-mr-0 u-mt-3"><div class="w-inline-block">Load more</div><svg class="w-pagination-next-icon hide" height="12px" width="12px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" transform="translate(0, 1)"><path fill="none" stroke="currentColor" fill-rule="evenodd" d="M4 2l4 4-4 4"></path></svg></a><link rel="prerender" href="?6de23327_page=2"/><div aria-label="Page 1 of 4" role="heading" class="w-page-count hide">1 / 4</div></div></div></div></div></div><section class="essentials-section-cta"><div class="container"><div class="w-layout-grid essentials-cta-grid"><div id="w-node-_4b2b02c1-ac68-eb57-bdb4-ed6ea95e5705-a95e5702" class="cta-text_wrapper"><h2>Subscribe to the Webflow Inspo newsletter<br/></h2><p class="u-w-90 paragraph-l">The best, coolest, and latest in Webflow, design and no-code each week:<br/></p><div class="form_block w-form"><form id="wf-form-Webflow-Inspo---Subscribe-2" name="wf-form-Webflow-Inspo---Subscribe-2" data-name="Webflow Inspo - Subscribe" method="post" data-wf-page-id="64dd1e214d08cac95895eec7" data-wf-element-id="4b2b02c1-ac68-eb57-bdb4-ed6ea95e570d"><div class="input-block"><input class="input w-input" maxlength="256" name="Email" data-name="Email" aria-label="Email" placeholder="Enter your email" type="email" id="Email-footer" required=""/><label for="email" class="input-label cc-light">Email Address</label><input type="submit" data-wait="Please wait..." class="button cc-form w-button" value="Subscribe"/></div><label class="w-checkbox input-block cc-toggle u-mb-0"><div class="w-checkbox-input w-checkbox-input--inputType-custom input-toggle"></div><input id="Checkbox" type="checkbox" name="Checkbox" data-name="Checkbox" required="" style="opacity:0;position:absolute;z-index:-1"/><span class="w-form-label" for="Checkbox">I agree to the <a href="https://webflow.com/legal/terms" target="_blank">Terms of Service</a> and <a href="https://webflow.com/legal/privacy" target="_blank">Privacy Policy</a>.</span></label></form><div class="form-success-3 w-form-done"><div>Thank you! You are now subscribed!</div></div><div class="form-error w-form-fail"><div>Oops! Something went wrong while subscribing.</div></div></div></div><div class="outro-visual"><div class="outro-visual_browser"><img alt="" loading="lazy" sizes="(max-width: 767px) 100vw, 920px" srcset="https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895f083_cta%2520image%2520outro-p-500.png 500w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895f083_cta%2520image%2520outro-p-800.png 800w, https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895f083_cta%20image%20outro.png 1030w" src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/64dd1e214d08cac95895f083_cta%20image%20outro.png" class="u-w-100 u-h-100"/><div class="outro-visual_overlay"></div></div></div></div></div></section><footer class="footer_wrapper"><div class="g-footer"><div class="g-footer_container"><div class="g-footer-column_wrapper"><div class="g-footer-column"><div><div class="g-footer-section_title h6">Product</div><ul aria-label="Product" role="list" class="g-footer-list w-list-unstyled"><li class="g-footer-list_item"><a data-cta-text="platform" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/platform" class="g-footer-list_item-link w-inline-block"><div>Platform</div></a></li><li class="g-footer-list_item"><a data-cta-text="designer" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/designer" class="g-footer-list_item-link w-inline-block"><div>Designer</div></a></li><li class="g-footer-list_item"><a data-cta-text="edit mode" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/edit-mode" class="g-footer-list_item-link w-inline-block"><div>Edit mode</div></a></li><li class="g-footer-list_item"><a data-cta-text="interactions" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/interactions-animations" class="g-footer-list_item-link w-inline-block"><div>Interactions</div></a></li><li class="g-footer-list_item"><a data-cta-text="page building" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/page-building" class="g-footer-list_item-link w-inline-block"><div>Page building</div><div class="g-footer-list_item-tag-2">New</div></a></li><li class="g-footer-list_item"><a data-cta-text="cms" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/cms" class="g-footer-list_item-link w-inline-block"><div>CMS</div></a></li><li class="g-footer-list_item"><a data-cta-text="hosting" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/hosting" class="g-footer-list_item-link w-inline-block"><div>Hosting</div></a></li><li class="g-footer-list_item"><a data-cta-text="localization" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/localization" class="g-footer-list_item-link w-inline-block"><div>Localization</div></a></li><li class="g-footer-list_item"><a data-cta-text="security" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/security" class="g-footer-list_item-link w-inline-block"><div>Security</div></a></li><li class="g-footer-list_item"><a data-cta-text="ecommerce" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/ecommerce" class="g-footer-list_item-link w-inline-block"><div>Ecommerce</div></a></li><li class="g-footer-list_item"><a data-cta-text="analyze" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/analyze" class="g-footer-list_item-link w-inline-block"><div>Analyze</div><div class="g-footer-list_item-tag-2">New</div></a></li><li class="g-footer-list_item"><a data-cta-text="optimize" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/optimize" class="g-footer-list_item-link w-inline-block"><div>Optimize</div><div class="g-footer-list_item-tag-2">New</div></a></li><li class="g-footer-list_item"><a data-cta-text="seo" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/seo" class="g-footer-list_item-link w-inline-block"><div>SEO</div></a></li><li class="g-footer-list_item"><a data-cta-text="devlink" data-cta="footer CTA" data-cta-position="product section" href="http://webflow.com/devlink" class="g-footer-list_item-link cc-combo w-inline-block"><div>DevLink</div><div class="g-footer-list_item-tag-2">Labs</div></a></li><li id="w-node-_72b6dc4b-1759-c225-9056-b52c8280a846-200aad76" class="g-footer-list_item"><a data-cta-text="figma to webflow" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/figma-to-webflow" class="g-footer-list_item-link cc-combo w-inline-block"><div>Figma to Webflow</div><div class="g-footer-list_item-tag-2">Labs</div></a></li><li class="g-footer-list_item"><a data-cta-text="accessibility" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/accessibility" class="g-footer-list_item-link w-inline-block"><div>Accessibility</div></a></li><li class="g-footer-list_item"><a data-cta-text="ai" data-cta="footer CTA" data-cta-position="product section" href="https://webflow.com/ai" class="g-footer-list_item-link w-inline-block"><div>AI</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title h6">Solutions</div><ul aria-label="Solutions" role="list" class="g-footer-list w-list-unstyled"><li class="g-footer-list_item"><a data-cta-text="enterprise" data-cta="footer CTA" data-cta-position="solutions section" href="https://webflow.com/enterprise" class="g-footer-list_item-link w-inline-block"><div>Enterprise</div></a></li><li class="g-footer-list_item"><a data-cta-text="startups" data-cta="footer CTA" data-cta-position="solutions section" href="https://webflow.com/startups" class="g-footer-list_item-link w-inline-block"><div>Startups</div></a></li><li class="g-footer-list_item"><a data-cta-text="global alliances" data-cta="footer CTA" data-cta-position="solutions section" href="https://webflow.com/solutions/global-alliances" class="g-footer-list_item-link w-inline-block"><div>Global alliances</div></a></li><li class="g-footer-list_item"><a data-cta-text="agencies" data-cta="footer CTA" data-cta-position="solutions section" href="https://webflow.com/solutions/agencies" class="g-footer-list_item-link w-inline-block"><div>Agencies</div></a></li><li class="g-footer-list_item"><a data-cta-text="freelancers" data-cta="footer CTA" data-cta-position="solutions section" href="https://webflow.com/solutions/freelancers" class="g-footer-list_item-link w-inline-block"><div>Freelancers</div></a></li><li class="g-footer-list_item"><a data-cta-text="classrooms" data-cta="footer CTA" data-cta-position="solutions sections" href="https://webflow.com/for/classroom" class="g-footer-list_item-link w-inline-block"><div>Classrooms</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title h6">Resources</div><ul aria-label="Resources" role="list" class="g-footer-list w-list-unstyled"><li id="w-node-b40474b9-e3e7-b88e-0255-82176e81835e-200aad76" class="g-footer-list_item"><a data-cta-text="university" data-cta="footer CTA" data-cta-position="resources section" href="https://university.webflow.com" class="g-footer-list_item-link w-inline-block"><div>University</div></a></li><li id="w-node-b40474b9-e3e7-b88e-0255-82176e818362-200aad76" class="g-footer-list_item"><a data-cta-text="blog" data-cta="footer CTA" data-cta-position="resources section" href="https://webflow.com/blog" class="g-footer-list_item-link w-inline-block"><div>Blog</div></a></li><li id="w-node-b40474b9-e3e7-b88e-0255-82176e818366-200aad76" class="g-footer-list_item"><a data-cta-text="customer stories" data-cta="footer CTA" data-cta-position="resources section" href="https://webflow.com/customers" class="g-footer-list_item-link w-inline-block"><div>Customer stories</div></a></li><li id="w-node-b40474b9-e3e7-b88e-0255-82176e81836a-200aad76" class="g-footer-list_item"><a data-cta-text="webinars and ebooks" data-cta="footer CTA" data-cta-position="resources section" href="https://webflow.com/resources" class="g-footer-list_item-link w-inline-block"><div>Webinars and ebooks</div></a></li><li id="w-node-b40474b9-e3e7-b88e-0255-82176e81836e-200aad76" class="g-footer-list_item"><a data-cta-text="apps" data-cta="footer CTA" data-cta-position="resources section" href="https://webflow.com/apps" class="g-footer-list_item-link w-inline-block"><div>Apps</div></a></li><li id="w-node-b40474b9-e3e7-b88e-0255-82176e818372-200aad76" class="g-footer-list_item"><a data-cta-text="libraries" data-cta="footer CTA" data-cta-position="resources section" href="https://webflow.com/libraries" class="g-footer-list_item-link w-inline-block"><div>Libraries</div></a></li><li id="w-node-b40474b9-e3e7-b88e-0255-82176e818376-200aad76" class="g-footer-list_item"><a data-cta-text="templates" data-cta="footer CTA" data-cta-position="resources section" href="https://webflow.com/templates" class="g-footer-list_item-link w-inline-block"><div>Templates</div></a></li><li id="w-node-b40474b9-e3e7-b88e-0255-82176e81837a-200aad76" class="g-footer-list_item"><a data-cta-text="developers" data-cta="footer CTA" data-cta-position="resources section" href="http://developers.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Developers</div></a></li><li id="w-node-b40474b9-e3e7-b88e-0255-82176e81837e-200aad76" class="g-footer-list_item"><a data-cta-text="made in webflow" data-cta="footer CTA" data-cta-position="resources section" href="https://webflow.com/made-in-webflow" class="g-footer-list_item-link w-inline-block"><div>Made in Webflow</div></a></li><li id="w-node-b40474b9-e3e7-b88e-0255-82176e818382-200aad76" class="g-footer-list_item"><a data-cta-text="glossary" data-cta="footer CTA" data-cta-position="resources section" href="https://webflow.com/glossary" class="g-footer-list_item-link w-inline-block"><div>Glossary</div></a></li><li id="w-node-b40474b9-e3e7-b88e-0255-82176e818386-200aad76" class="g-footer-list_item"><a data-cta-text="livestreams" data-cta="footer CTA" data-cta-position="resources section" href="https://webflow.com/events/livestreams" class="g-footer-list_item-link w-inline-block"><div>Livestreams</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title h6">Company</div><ul aria-label="Company" role="list" class="g-footer-list w-list-unstyled"><li id="w-node-f035a253-b4cc-7470-e595-d94ae5ff2378-200aad76" class="g-footer-list_item"><a data-cta-text="about" data-cta="footer CTA" data-cta-position="company section" href="https://webflow.com/about" class="g-footer-list_item-link w-inline-block"><div>About</div></a></li><li id="w-node-f035a253-b4cc-7470-e595-d94ae5ff237c-200aad76" class="g-footer-list_item"><a data-cta-text="careers" data-cta="footer CTA" data-cta-position="company section" href="https://webflow.com/careers" class="g-footer-list_item-link cc-combo w-inline-block"><div>Careers</div><div class="g-footer-list_item-tag-2">We're Hiring</div></a></li><li id="w-node-f035a253-b4cc-7470-e595-d94ae5ff2382-200aad76" class="g-footer-list_item"><a data-cta-text="press" data-cta="footer CTA" data-cta-position="company section" href="https://webflow.com/press" class="g-footer-list_item-link w-inline-block"><div>Press</div></a></li><li id="w-node-f035a253-b4cc-7470-e595-d94ae5ff2386-200aad76" class="g-footer-list_item"><a data-cta-text="webflow ventures" data-cta="footer CTA" data-cta-position="company section" href="https://webflow.com/webflow-ventures" class="g-footer-list_item-link w-inline-block"><div>Webflow Ventures</div></a></li><li id="w-node-_178e0d3f-0d31-2960-4795-3db8afc396d5-200aad76" class="g-footer-list_item"><a data-cta-text="webflow shop" data-cta="footer CTA" data-cta-position="company section" href="https://shop.webflow.com" class="g-footer-list_item-link w-inline-block"><div>Webflow Shop</div></a></li><li id="w-node-f035a253-b4cc-7470-e595-d94ae5ff238a-200aad76" class="g-footer-list_item"><a data-cta-text="terms of service" data-cta="footer CTA" data-cta-position="company section" href="https://webflow.com/legal/terms" class="g-footer-list_item-link w-inline-block"><div>Terms of Service</div></a></li><li id="w-node-f035a253-b4cc-7470-e595-d94ae5ff238e-200aad76" class="g-footer-list_item"><a data-cta-text="privacy policy" data-cta="footer CTA" data-cta-position="company section" href="https://webflow.com/legal/privacy" class="g-footer-list_item-link w-inline-block"><div>Privacy policy</div></a></li><li id="w-node-f035a253-b4cc-7470-e595-d94ae5ff2392-200aad76" class="g-footer-list_item"><a data-cta-text="cookie policy" data-cta="footer CTA" data-cta-position="company section" href="https://webflow.com/legal/cookie-policy" class="g-footer-list_item-link w-inline-block"><div>Cookie policy</div></a></li><li id="w-node-f035a253-b4cc-7470-e595-d94ae5ff2396-200aad76" class="g-footer-list_item"><a id="show-cookie-preferences" data-cta="footer CTA" data-cta-position="company section" data-cta-text="cookie preferences" href="#" class="g-footer-list_item-link w-inline-block"><div>Cookie preferences</div></a></li><li id="w-node-f035a253-b4cc-7470-e595-d94ae5ff239a-200aad76" class="g-footer-list_item"><a data-cta-text="accessibility statement" data-cta="footer CTA" data-cta-position="company section" href="https://webflow.com/accessibility/statement" class="g-footer-list_item-link w-inline-block"><div>Accessibility statement</div></a></li><li id="w-node-f035a253-b4cc-7470-e595-d94ae5ff239e-200aad76" class="g-footer-list_item"><a data-cta-text="sitemap" data-cta="footer CTA" data-cta-position="company section" href="https://webflow.com/sitemap" class="g-footer-list_item-link w-inline-block"><div>Sitemap</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title h6">Community</div><ul aria-label="Community" role="list" class="g-footer-list w-list-unstyled"><li id="w-node-_06815ed2-90fb-fab4-1ebc-59b565fb806d-200aad76" class="g-footer-list_item"><a data-cta-text="discover the community" data-cta="footer CTA" data-cta-position="community section" href="https://webflow.com/community" class="g-footer-list_item-link w-inline-block"><div>Discover the community</div></a></li><li id="w-node-_06815ed2-90fb-fab4-1ebc-59b565fb8071-200aad76" class="g-footer-list_item"><a data-cta-text="partner with webflow" data-cta="footer CTA" data-cta-position="community section" href="https://webflow.com/partners" class="g-footer-list_item-link w-inline-block"><div>Partner with Webflow</div></a></li><li id="w-node-_06815ed2-90fb-fab4-1ebc-59b565fb8075-200aad76" class="g-footer-list_item"><a data-cta-text="certified partners" data-cta="footer CTA" data-cta-position="community section" href="https://webflow.com/certified-partners" class="g-footer-list_item-link w-inline-block"><div>Certified Partners</div></a></li><li id="w-node-_06815ed2-90fb-fab4-1ebc-59b565fb8079-200aad76" class="g-footer-list_item"><a data-cta-text="become a template designer" data-cta="footer CTA" data-cta-position="community section" href="https://webflow.com/templates/applications" class="g-footer-list_item-link w-inline-block"><div>Become a template designer</div></a></li><li id="w-node-_06815ed2-90fb-fab4-1ebc-59b565fb807d-200aad76" class="g-footer-list_item"><a data-cta-text="become an affiliate" data-cta="footer CTA" data-cta-position="community section" href="https://webflow.com/affiliates" class="g-footer-list_item-link w-inline-block"><div>Become an affiliate</div></a></li><li id="w-node-_06815ed2-90fb-fab4-1ebc-59b565fb8081-200aad76" class="g-footer-list_item"><a data-cta-text="become a global leader" data-cta="footer CTA" data-cta-position="community section" href="https://webflow.com/community/global-leaders" class="g-footer-list_item-link w-inline-block"><div>Become a Global Leader</div></a></li><li id="w-node-_06815ed2-90fb-fab4-1ebc-59b565fb8085-200aad76" class="g-footer-list_item"><a data-cta-text="find a meetup near you" data-cta="footer CTA" data-cta-position="community section" href="https://webflow.com/events" class="g-footer-list_item-link w-inline-block"><div>Find a meetup near you</div></a></li></ul></div></div><div class="g-footer-column cc-last"><div><div class="g-footer-section_title h6">Get help</div><ul aria-label="Get help" role="list" class="g-footer-list w-list-unstyled"><li class="g-footer-list_item"><a data-cta-text="support" data-cta="footer CTA" data-cta-position="get help section" href="https://help.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Support</div></a></li><li class="g-footer-list_item"><a data-cta-text="pricing" data-cta="footer CTA" data-cta-position="get help section" href="https://webflow.com/pricing" class="g-footer-list_item-link w-inline-block"><div>Pricing</div></a></li><li class="g-footer-list_item"><a data-cta-text="status" data-cta="footer CTA" data-cta-position="get help section" href="https://status.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Status</div></a></li><li class="g-footer-list_item"><a data-cta-text="forum" data-cta="footer CTA" data-cta-position="get help section" href="https://forum.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Forum</div></a></li><li class="g-footer-list_item"><a data-cta-text="wishlist" data-cta="footer CTA" data-cta-position="get help section" href="https://wishlist.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Wishlist</div></a></li></ul></div></div></div><div class="g-footer-copyright"><div class="u-text-gray400">© <span class="footer-copyright_year">2024</span> Webflow, Inc. All rights reserved</div><a data-cta-text="webflow icon home" aria-label="Webflow's homepage" data-cta="footer CTA" data-cta-position="footer section" href="https://webflow.com/?r=0" class="g-footer-brand w-inline-block"><div class="g-brand-logo_footer w-embed"><svg width="39" height="24" viewBox="0 0 39 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M38.7475 0L26.4707 24H14.9392L20.077 14.0534H19.8465C15.6078 19.5558 9.28359 23.178 0.272522 24V14.191C0.272522 14.191 6.03712 13.8505 9.42596 10.2877H0.272522V0.000189575H10.56V8.46149L10.7909 8.46054L14.9947 0.000189575H22.7749V8.40784L23.0058 8.40746L27.3673 0H38.7475Z" fill="#146EF5"/> </svg></div></a><div class="g-footer-column-social"><ul role="list" class="g-footer-list cc-social w-list-unstyled"><li class="g-footer-list_item"><a data-cta-text="made in webflow icon" aria-label="Made in Webflow" data-cta="footer CTA" data-cta-position="footer section" href="https://webflow.com/discover/popular#recent" class="g-footer-list_item-link-updated w-inline-block"><div class="g-footer-list_item-social w-embed"><svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Made in Webflow</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.9575 0.157898L14.9576 13.8421H8.3826L11.3121 8.1708H11.1806C8.76383 11.3081 5.15791 13.3734 0.0200195 13.8421V8.24927C0.0200195 8.24927 3.30685 8.05514 5.23909 6.02368H0.0200195V0.158006H5.88569V4.98244L6.01734 4.98189L8.41427 0.158006H12.8503V4.95185L12.982 4.95163L15.4688 0.157898H21.9575Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a data-cta-text="youtube icon" rel="noopener" aria-label="Webflow's YouTube channel" data-cta="footer CTA" data-cta-position="footer section" href="https://www.youtube.com/webflow" target="_blank" class="g-footer-list_item-link-updated w-inline-block"><div class="g-footer-list_item-social w-embed"><svg alt width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>YouTube</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.1 1.83737C17.4829 2.32842 17.7311 2.91085 17.82 3.52713C17.9319 4.44288 17.992 5.36422 18 6.28674V7.57655C17.9924 8.50241 17.9323 9.4271 17.82 10.3462C17.7311 10.9624 17.4829 11.5449 17.1 12.0359C16.6125 12.4946 15.9694 12.7518 15.3 12.7558C12.78 12.9358 9 12.9358 9 12.9358C9 12.9358 4.32 12.9358 2.9 12.7658C2.16881 12.762 1.46173 12.5039 0.9 12.0359C0.515501 11.542 0.267246 10.9559 0.18 10.3362C0.0680335 9.42042 0.0079376 8.49908 0 7.57655V6.28674C0.00756015 5.36088 0.0676567 4.43619 0.18 3.51713C0.268925 2.90085 0.517095 2.31843 0.9 1.82737C1.38752 1.3687 2.0306 1.11151 2.7 1.10748C5.22 0.9375 9 0.9375 9 0.9375C9 0.9375 12.78 0.9375 15.3 1.11747C15.9694 1.12151 16.6125 1.3787 17.1 1.83737ZM13 6.9375L7 3.9375V9.9375L13 6.9375Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a data-cta-text="x icon" rel="noopener" aria-label="Webflow's Twitter account" data-cta="footer CTA" data-cta-position="footer section" href="https://twitter.com/webflow" target="_blank" class="g-footer-list_item-link-updated w-inline-block"><div class="g-footer-list_item-social w-embed"><svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>X</title> <path d="M13.9389 0.316772H16.5457L10.8507 6.82584L17.5504 15.6832H12.3046L8.19581 10.3113L3.49447 15.6832H0.886112L6.97752 8.72103L0.550415 0.316772H5.92945L9.6434 5.22694L13.9389 0.316772ZM13.024 14.1229H14.4685L5.14458 1.7951H3.59454L13.024 14.1229Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a data-cta-text="facebook icon" rel="noopener" aria-label="Webflow's Facebook page" data-cta="footer CTA" data-cta-position="footer section" href="https://www.facebook.com/webflow/" target="_blank" class="g-footer-list_item-link-updated w-inline-block"><div class="g-footer-list_item-social w-embed"><svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Facebook</title> <path d="M19 10.495C18.9998 8.67955 18.4794 6.90217 17.5004 5.37329C16.5215 3.84441 15.1249 2.62804 13.4761 1.86821C11.8273 1.10837 9.99534 0.836881 8.19704 1.08588C6.39875 1.33487 4.70945 2.09393 3.32915 3.27318C1.94885 4.45243 0.935345 6.00249 0.408625 7.73985C-0.118094 9.47721 -0.135971 11.3291 0.357111 13.0763C0.850194 14.8235 1.83359 16.3929 3.19087 17.5985C4.54814 18.8042 6.22247 19.5958 8.01563 19.8794V13.2413H5.60342V10.495H8.01563V8.40183C8.01563 6.02129 9.43429 4.70554 11.6035 4.70554C12.3161 4.71576 13.027 4.77767 13.7307 4.89079V7.22937H12.5321C12.1713 7.18148 11.8062 7.27883 11.5172 7.50003C11.2281 7.72123 11.0388 8.04817 10.9907 8.40896C10.9771 8.50999 10.975 8.61224 10.9844 8.71375V10.495H13.6167L13.1955 13.2413H10.9788V19.8794C13.2145 19.5271 15.251 18.3882 16.7215 16.6677C18.1921 14.9472 19.0001 12.7583 19 10.495V10.495Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a data-cta-text="linkedin icon" rel="noopener" aria-label="Webflow's Linkedin page" data-cta="footer CTA" data-cta-position="footer section" href="https://www.linkedin.com/company/webflow-inc-" target="_blank" class="g-footer-list_item-link-updated w-inline-block"><div class="g-footer-list_item-social w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Linkedin</title> <path d="M16.2763 0.5H0.76377C0.33877 0.5 0.0200195 0.81875 0.0200195 1.24375V16.8625C0.0200195 17.1812 0.33877 17.5 0.76377 17.5H16.3825C16.8075 17.5 17.1263 17.1813 17.1263 16.7563V1.24375C17.02 0.81875 16.7013 0.5 16.2763 0.5ZM5.01377 14.95H2.57002V6.875H5.12002V14.95H5.01377ZM3.84502 5.8125C2.99502 5.8125 2.35752 5.06875 2.35752 4.325C2.35752 3.475 2.99502 2.8375 3.84502 2.8375C4.69502 2.8375 5.33252 3.475 5.33252 4.325C5.22627 5.06875 4.58877 5.8125 3.84502 5.8125ZM14.47 14.95H11.92V11.0187C11.92 10.0625 11.92 8.89375 10.645 8.89375C9.37002 8.89375 9.15752 9.95625 9.15752 11.0187V15.0562H6.60752V6.875H9.05127V7.9375C9.37002 7.3 10.22 6.6625 11.3888 6.6625C13.9388 6.6625 14.3638 8.3625 14.3638 10.4875V14.95H14.47Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a data-cta-text="instagram icon" rel="noopener" aria-label="Webflow's Instagram page" data-cta="footer CTA" data-cta-position="footer section" href="https://www.instagram.com/webflow/" target="_blank" class="g-footer-list_item-link-updated w-inline-block"><div class="g-footer-list_item-social w-embed"><svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Instagram</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.28999 0.991399C6.24999 0.941406 6.55999 0.941406 8.99999 0.941406C11.44 0.941406 11.75 0.941406 12.72 0.991399C13.4651 1.00749 14.2022 1.14947 14.9 1.41134C16.1042 1.8878 17.0518 2.84977 17.51 4.06096C17.7719 4.75865 17.9139 5.49561 17.93 6.24065C17.98 7.20051 17.98 7.51047 17.98 9.95012C17.98 11.4375 17.9614 12.1185 17.9469 12.65C17.9376 12.9903 17.93 13.2693 17.93 13.6596C17.9139 14.4046 17.7719 15.1416 17.51 15.8393C17.0426 17.0469 16.0878 18.0016 14.88 18.4689C14.1822 18.7308 13.4451 18.8728 12.7 18.8889C11.74 18.9388 11.43 18.9388 8.99027 18.9388H8.98999C7.50235 18.9388 6.82135 18.9203 6.28974 18.9058C5.94941 18.8965 5.67031 18.8889 5.27999 18.8889C4.53485 18.8728 3.79779 18.7308 3.1 18.4689C1.89018 17.9994 0.935014 17.0407 0.469999 15.8293C0.208096 15.1316 0.0660938 14.3946 0.0499999 13.6496C0 12.6897 0 12.3798 0 9.94012C0 7.50047 0 7.19052 0.0499999 6.22065C0.0660938 5.47561 0.208096 4.73866 0.469999 4.04096C0.939608 2.83132 1.8984 1.87629 3.11 1.41134C3.80779 1.14947 4.54485 1.00749 5.28999 0.991399ZM12.6406 2.61249C11.6906 2.5625 11.4006 2.5625 9.00061 2.5625V2.5825C7.52013 2.5825 6.84346 2.60136 6.32148 2.61592C5.99376 2.62505 5.72702 2.63249 5.36062 2.63249C4.79035 2.63982 4.22553 2.74465 3.69062 2.94245C2.91752 3.24733 2.30556 3.85921 2.00062 4.6322C1.8028 5.16704 1.69796 5.73177 1.69062 6.30196C1.64062 7.25183 1.64062 7.53179 1.64062 9.94144C1.64062 11.4217 1.65949 12.0983 1.67405 12.6202C1.68319 12.9479 1.69062 13.2146 1.69062 13.5809C1.69796 14.1511 1.8028 14.7158 2.00062 15.2507C2.30556 16.0237 2.91752 16.6355 3.69062 16.9404C4.22553 17.1382 4.79035 17.2431 5.36062 17.2504C6.31062 17.3004 6.59061 17.3004 9.00061 17.3004C10.4811 17.3004 11.1578 17.2815 11.6797 17.267C12.0075 17.2578 12.2742 17.2504 12.6406 17.2504C13.2109 17.2431 13.7757 17.1382 14.3106 16.9404C15.0837 16.6355 15.6957 16.0237 16.0006 15.2507C16.1984 14.7158 16.3033 14.1511 16.3106 13.5809C16.3606 12.6311 16.3606 12.3511 16.3606 9.94144C16.3606 8.46117 16.3417 7.78459 16.3272 7.26269C16.318 6.93502 16.3106 6.66832 16.3106 6.30196C16.3033 5.73177 16.1984 5.16704 16.0006 4.6322C15.6957 3.85921 15.0837 3.24733 14.3106 2.94245C13.7769 2.73783 13.212 2.62622 12.6406 2.61249Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.37891 9.93965C4.37891 7.38846 6.44735 5.32031 8.9989 5.32031C10.2242 5.32031 11.3993 5.80699 12.2657 6.67329C13.1321 7.53958 13.6189 8.71453 13.6189 9.93965C13.6189 12.4908 11.5505 14.559 8.9989 14.559C6.44735 14.559 4.37891 12.4908 4.37891 9.93965ZM6 9.94043C6 11.5973 7.34315 12.9404 9 12.9404C9.79565 12.9404 10.5587 12.6244 11.1213 12.0617C11.6839 11.4991 12 10.7361 12 9.94043C12 8.28358 10.6569 6.94043 9 6.94043C7.34315 6.94043 6 8.28358 6 9.94043Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7988 6.2225C14.3952 6.2225 14.8788 5.73897 14.8788 5.1425C14.8788 4.54603 14.3952 4.0625 13.7988 4.0625C13.2023 4.0625 12.7188 4.54603 12.7188 5.1425C12.7188 5.73897 13.2023 6.2225 13.7988 6.2225Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a data-cta-text="tiktok icon" rel="noopener" aria-label="Webflow's TikTok" data-cta="footer CTA" data-cta-position="footer section" href="https://www.tiktok.com/@webflow" target="_blank" class="g-footer-list_item-link-updated w-inline-block"><div class="g-footer-list_item-social w-embed"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>TikTok</title> <path d="M8.30373 8.65756V11.7284C7.93253 11.6265 7.54412 11.6126 7.16708 11.6877C6.79004 11.7628 6.43401 11.9251 6.12521 12.1625C5.81641 12.3999 5.56272 12.7064 5.38283 13.0595C5.20293 13.4125 5.10143 13.8031 5.0858 14.2024C5.06468 14.5462 5.11448 14.8907 5.23187 15.2128C5.34925 15.535 5.53151 15.8271 5.76637 16.0699C6.00124 16.3126 6.28328 16.5002 6.59355 16.6199C6.90381 16.7398 7.23512 16.7891 7.56521 16.7646C9.39728 16.7646 10.0446 15.4246 10.0446 14.1678V2.00391H12.9611C13.4572 5.216 14.9992 5.96137 17.0661 6.30587V9.3834C17.0661 9.3834 14.6141 9.20193 13.0437 7.96915V14.0488C13.0421 16.7998 11.4755 19.8706 7.5872 19.8706C3.97883 19.8706 2.13281 16.688 2.13281 14.0204C2.15583 13.23 2.33952 12.4536 2.67179 11.7426C3.00405 11.0315 3.47735 10.4018 4.06045 9.89507C4.64356 9.38832 5.32323 9.01601 6.05464 8.80271C6.78607 8.5894 7.5526 8.53993 8.30373 8.65756Z" fill="currentColor"/> </svg></div></a></li></ul></div></div></div></div></footer></main><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64dd1e214d08cac95895eedd" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/64dd1e214d08cac95895eedd/js/webflow.092e02b44384b07c4bedf67c9b586a93.js" type="text/javascript"></script> <script type='text/javascript' src="https://cdn.jsdelivr.net/gh/webflow/brand_studio@latest/global-brand-code/brand-body-scripts.min.js"></script>  <script type='text/javascript' src="https://webflow.com/resources/marketing-body.js"></script>  <script type='text/javascript'> wf_analytics.init({ pageView: { name: 'Website Viewed', data: { redirect: false // not a redirect to dashboard } }, trackScroll: true, page: 'website' }); </script>  <script type='text/javascript'> // Get UTM parameters from current URL function getUTMParams() { const urlParams = new URLSearchParams(window.location.search); const utmParams = {}; ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'].forEach(param => { if (urlParams.has(param)) { utmParams[param] = urlParams.get(param); } }); return utmParams; } // Check if domain is Webflow function isWebflowDomain(hostname) { return hostname.endsWith('webflow.com') || hostname.endsWith('webflow.io'); } // Check if URL already has UTM parameters function hasUTMParams(url) { return Array.from(url.searchParams.keys()).some(param => param.startsWith('utm_')); } // Apply UTM parameters to all links function applyStickyUTM() { const utmParams = getUTMParams(); if (Object.keys(utmParams).length === 0) return; document.querySelectorAll('a').forEach(link => { if (link.href.startsWith('#') || link.href.startsWith('javascript:')) return; try { const url = new URL(link.href); if (!isWebflowDomain(url.hostname) || hasUTMParams(url)) return; Object.entries(utmParams).forEach(([key, value]) => { url.searchParams.set(key, value); }); link.href = url.toString(); } catch (e) { console.warn('Invalid URL:', link.href); } }); } // Run when DOM is loaded document.addEventListener('DOMContentLoaded', applyStickyUTM); // Run when content changes if (window.MutationObserver) { new MutationObserver(() => applyStickyUTM()) .observe(document.body, { subtree: true, childList: true }); } </script></body></html>