[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-blank-design":3,"facets-baseline-false":143,"facets-{\"includeAuthors\":\"false\"}":321,"similar-websites-blank-design":335},{"id":4,"name":5,"slug":6,"url":7,"dateUpdated":8,"fetchedAt":9,"coverId":10,"coverMobileId":11,"coverWidth":12,"coverHeight":13,"coverMobileWidth":14,"coverMobileHeight":15,"descriptionEn":16,"seoMeta":17,"industry":20,"styles":24,"credits":37,"pages":38,"typefaces":50,"technologiesByCategory":61,"pagespeedDesktop":92,"pagespeedMobile":104,"performanceDesktop":95,"performanceMobile":106,"colorBuckets":111,"colorPalette":124},"f968dc9e-65b7-4afd-b520-151f5990d97f","Blank Design","blank-design","https:\u002F\u002Fuseblank.design","2026-05-23T19:25:53.000Z","2026-05-04T00:05:47.000Z","7c8c9a37-c5d1-4331-9e68-1c203e561efd","fddaad0b-c807-4cc5-b4df-25688b0b1254",1440,900,780,1688,"Blank Design is a premium digital product offering a high-performance Figma UI kit and design system tailored for modern web developers and designers. Its primary purpose is to streamline the creation of high-quality websites by providing seamless workflows compatible with Webflow, Framer, and Figma, effectively eliminating the need to rebuild repetitive UI components from scratch.\n\nThe visual identity is defined by a sophisticated, ultra-minimalist aesthetic that prioritizes clarity and speed. Utilizing expansive white space, bold typographic hierarchies, and a clean, professional layout, the design speaks directly to a sophisticated audience of product designers and creative agencies. The interface feels lightweight and efficient, mirroring the very promise of the product: speed and effortless design prowess.",{"title":18,"meta_description":19},"Blank | The Fastest Figma UI Kit & Design System","Accelerate your workflow with Blank, the ultimate Figma UI kit and design system for Webflow, Framer, and Figma. Build high-performance websites faster.",{"name":21,"label":22,"slug":23},"SaaS & Software","Software","software",[25,29,33],{"name":26,"label":27,"slug":28},"Corporate \u002F Professional","Corporate","corporate",{"name":30,"label":31,"slug":32},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":34,"label":35,"slug":36},"Typographic \u002F Big Type","Typographic","typographic",[],[39],{"name":40,"title":41,"description":42,"url":43,"coverId":10,"coverMobileId":11,"alt":44,"altMobile":45,"pageType":46},"Homepage","Blank: Figma UI kit and Design system","The fastest Figma UI kit and Design system for your projects.","https:\u002F\u002Fuseblank.design\u002F","The desktop homepage features a clean, minimalist white layout with a centered hero section. A large bold headline reads 'The Fastest UI Kit & Design System for Your Projects' above a blue 'Get Blank' primary button and a 'Preview in Figma' secondary link, topped by Webflow, Framer, and Figma icons. A navigation bar at the top includes the Blank logo and links for Products, Figma, Framer, Webflow, and a 'Get Blank' button.","The mobile version uses a single-column vertical layout with centered text and elements. The hero section maintains the large bold headline, blue 'Get Blank' button, and 'Preview in Figma' link, but the top navigation is condensed into a hamburger menu next to a 'Purchase' button. The brand logos at the bottom are stacked or arranged in a tighter grid compared to the desktop view.",{"name":47,"label":48,"slug":49},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[51,55,58],{"name":52,"label":52,"slug":53,"foundryName":54},"Inter","inter",null,{"name":56,"label":56,"slug":57,"foundryName":54},"Noto Sans","noto-sans",{"name":59,"label":59,"slug":60,"foundryName":54},"Roboto Mono","roboto-mono",{"Live chat":62,"CMS":66,"Page builders":70,"Analytics":72,"Security":76,"Miscellaneous":80,"CDN":84,"JavaScript frameworks":88},[63],{"name":64,"label":64,"slug":65},"Crisp Live Chat","crisp-live-chat",[67],{"name":68,"label":68,"slug":69},"Framer Sites","framer-sites",[71],{"name":68,"label":68,"slug":69},[73],{"name":74,"label":74,"slug":75},"Google Analytics","google-analytics",[77],{"name":78,"label":78,"slug":79},"HSTS","hsts",[81],{"name":82,"label":82,"slug":83},"HTTP\u002F3","http3",[85],{"name":86,"label":86,"slug":87},"jsDelivr","jsdelivr",[89],{"name":90,"label":90,"slug":91},"React","react",[93,96,98,101],{"category":94,"score":95},"performance",79,{"category":97,"score":95},"accessibility",{"category":99,"score":100},"best-practices",92,{"category":102,"score":103},"seo",100,[105,107,109,110],{"category":94,"score":106},61,{"category":97,"score":108},74,{"category":99,"score":100},{"category":102,"score":103},[112,116,120],{"value":113,"label":114,"hex":115},"white","White","#ffffff",{"value":117,"label":118,"hex":119},"black","Black","#000000",{"value":121,"label":122,"hex":123},"gray","Gray","#737373",[125,128,131,134,137,140],{"hex":126,"percent":127},"#F5FAFF",0.9378,{"hex":129,"percent":130},"#010101",0.0297,{"hex":132,"percent":133},"#2A80F4",0.0127,{"hex":135,"percent":136},"#868586",0.0083,{"hex":138,"percent":139},"#B8BBC4",0.0061,{"hex":141,"percent":142},"#312E36",0.0055,{"facetDistribution":144,"facetLabels":229},{"industry":145,"styles":165,"technologies":180,"font_families":204,"page_type_name":218},{"Agency & Studio":146,"Art & Culture":147,"SaaS & Software":148,"Fashion & Apparel":149,"Architecture & Real Estate":150,"Entertainment & Media":151,"Food & Beverage":152,"Photography & Video":153,"Finance & Fintech":154,"Healthcare & Wellness":155,"Technology & Hardware":156,"Industrial & Manufacturing":157,"Beauty & Cosmetics":158,"Travel & Hospitality":159,"Non-Profit & Charity":160,"Education & Courses":161,"Crypto & Web3":162,"Sports & Fitness":163,"Automotive & Transportation":164},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":166,"Typographic \u002F Big Type":167,"High-End \u002F Luxury":168,"Dark Mode":169,"Vibrant \u002F Colorful":170,"Monochrome \u002F Grayscale":171,"Fun \u002F Playful":172,"Brutalist \u002F Neo-Brutalist":173,"Corporate \u002F Professional":174,"Illustrative \u002F Hand-drawn":175,"Futuristic \u002F Sci-Fi":176,"3D \u002F Spatial":177,"Retro \u002F Vintage \u002F Y2K":178,"Glassmorphism":179,"Bento Grid":179},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":181,"PHP":182,"WordPress":183,"Node.js":184,"React":185,"Vercel":186,"Vue.js":187,"Shopify":188,"Next.js":189,"Klaviyo":190,"Nuxt.js":191,"Typekit":192,"Amazon Web Services":193,"reCAPTCHA":194,"YouTube":195,"MailChimp":100,"Modernizr":196,"Bootstrap":197,"Slick":198,"Google Font API":95,"Craft CMS":199,"Framer Sites":200,"Contact Form 7":201,"Stimulus":202,"Google Maps":203},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,91,85,82,66,65,64,59,58,{"Inter":205,"Times New Roman":206,"Roboto":207,"Open Sans":208,"Neue Haas Grotesk":208,"Suisse Intl":209,"Arial":176,"Poppins":199,"Helvetica Neue":201,"Montserrat":210,"Diatype":177,"Neue Montreal":156,"Lato":157,"Graphik":211,"Source Sans":212,"Monument Grotesk":213,"Noto Sans":214,"Helvetica":215,"Söhne":216,"DM Sans":216,"Founders Grotesk":216,"GT America":217,"Google Sans":217,"Editorial":178,"IBM Plex Mono":161},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":219,"About Us \u002F Team":220,"Projects \u002F Portfolio":221,"Contact Us":222,"Blog \u002F Article Layout":223,"Services \u002F Features":224,"Shop \u002F Catalog":225,"Careers \u002F Jobs":226,"Pricing Page":155,"Sign Up \u002F Login":227,"404 Error Page":228},2401,774,527,418,378,341,299,89,27,9,{"industry":230,"styles":249,"page_type_name":262,"technologies":273,"font_families":297},{"Agency & Studio":231,"Art & Culture":232,"SaaS & Software":22,"Fashion & Apparel":233,"Architecture & Real Estate":234,"Entertainment & Media":235,"Food & Beverage":236,"Photography & Video":237,"Finance & Fintech":238,"Healthcare & Wellness":239,"Technology & Hardware":240,"Industrial & Manufacturing":241,"Beauty & Cosmetics":242,"Travel & Hospitality":243,"Non-Profit & Charity":244,"Education & Courses":245,"Crypto & Web3":246,"Sports & Fitness":247,"Automotive & Transportation":248},"Agencies","Art and Culture","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":250,"Dark Mode":251,"Vibrant \u002F Colorful":252,"Monochrome \u002F Grayscale":253,"Fun \u002F Playful":254,"Brutalist \u002F Neo-Brutalist":255,"Corporate \u002F Professional":27,"Illustrative \u002F Hand-drawn":256,"Futuristic \u002F Sci-Fi":257,"3D \u002F Spatial":258,"Retro \u002F Vintage \u002F Y2K":259,"Glassmorphism":260,"Bento Grid":261},"Luxury","Dark Mode","Vibrant","Monochrome","Playful","Brutalist","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":48,"About Us \u002F Team":263,"Projects \u002F Portfolio":264,"Contact Us":265,"Blog \u002F Article Layout":266,"Services \u002F Features":267,"Shop \u002F Catalog":268,"Careers \u002F Jobs":269,"Pricing Page":270,"Sign Up \u002F Login":271,"404 Error Page":272},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":274,"PHP":275,"WordPress":276,"Node.js":277,"React":90,"Vercel":278,"Vue.js":279,"Shopify":280,"Next.js":281,"Klaviyo":282,"Nuxt.js":283,"Typekit":284,"Amazon Web Services":285,"reCAPTCHA":286,"YouTube":287,"MailChimp":288,"Modernizr":289,"Bootstrap":290,"Slick":291,"Google Font API":292,"Craft CMS":293,"Framer Sites":68,"Contact Form 7":294,"Stimulus":295,"Google Maps":296},"jQuery","PHP","WordPress","Node.js","Vercel","Vue.js","Shopify","Next.js","Klaviyo","Nuxt.js","Typekit","Amazon Web Services","reCAPTCHA","YouTube","MailChimp","Modernizr","Bootstrap","Slick","Google Font API","Craft CMS","Contact Form 7","Stimulus","Google Maps",{"Inter":52,"Times New Roman":298,"Roboto":299,"Open Sans":300,"Neue Haas Grotesk":301,"Suisse Intl":302,"Arial":303,"Poppins":304,"Helvetica Neue":305,"Montserrat":306,"Diatype":307,"Neue Montreal":308,"Lato":309,"Graphik":310,"Source Sans":311,"Monument Grotesk":312,"Noto Sans":56,"Helvetica":313,"Söhne":314,"DM Sans":315,"Founders Grotesk":316,"GT America":317,"Google Sans":318,"Editorial":319,"IBM Plex Mono":320},"Times New Roman","Roboto","Open Sans","Neue Haas Grotesk","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Diatype","Neue Montreal","Lato","Graphik","Source Sans","Monument Grotesk","Helvetica","Söhne","DM Sans","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":322,"facetLabels":329},{"industry":323,"styles":324,"technologies":325,"font_families":326,"page_type_name":327},{"Agency & Studio":146,"Art & Culture":147,"SaaS & Software":148,"Fashion & Apparel":149,"Architecture & Real Estate":150,"Entertainment & Media":151,"Food & Beverage":152,"Photography & Video":153,"Finance & Fintech":154,"Healthcare & Wellness":155,"Technology & Hardware":156,"Industrial & Manufacturing":157,"Beauty & Cosmetics":158,"Travel & Hospitality":159,"Non-Profit & Charity":160,"Education & Courses":161,"Crypto & Web3":162,"Sports & Fitness":163,"Automotive & Transportation":164},{"Clean \u002F Minimalist":166,"Typographic \u002F Big Type":167,"High-End \u002F Luxury":168,"Dark Mode":169,"Vibrant \u002F Colorful":170,"Monochrome \u002F Grayscale":171,"Fun \u002F Playful":172,"Brutalist \u002F Neo-Brutalist":173,"Corporate \u002F Professional":174,"Illustrative \u002F Hand-drawn":175,"Futuristic \u002F Sci-Fi":176,"3D \u002F Spatial":177,"Retro \u002F Vintage \u002F Y2K":178,"Glassmorphism":179,"Bento Grid":179},{"jQuery":181,"PHP":182,"WordPress":183,"Node.js":184,"React":185,"Vercel":186,"Vue.js":187,"Shopify":188,"Next.js":189,"Klaviyo":190,"Nuxt.js":191,"Typekit":192,"Amazon Web Services":193,"reCAPTCHA":194,"YouTube":195,"MailChimp":100,"Modernizr":196,"Bootstrap":197,"Slick":198,"Google Font API":95,"Craft CMS":199,"Framer Sites":200,"Contact Form 7":201,"Stimulus":202,"Google Maps":203},{"Inter":205,"Times New Roman":206,"Roboto":207,"Open Sans":208,"Neue Haas Grotesk":208,"Suisse Intl":209,"Arial":176,"Poppins":199,"Helvetica Neue":201,"Montserrat":210,"Diatype":177,"Neue Montreal":156,"Lato":157,"Graphik":211,"Source Sans":212,"Monument Grotesk":213,"Noto Sans":214,"Helvetica":215,"Söhne":216,"DM Sans":216,"Founders Grotesk":216,"GT America":217,"Google Sans":217,"Editorial":178,"IBM Plex Mono":161},{"Home \u002F Landing Page":328},2397,{"industry":330,"styles":331,"page_type_name":332,"technologies":333,"font_families":334},{"Agency & Studio":231,"Art & Culture":232,"SaaS & Software":22,"Fashion & Apparel":233,"Architecture & Real Estate":234,"Entertainment & Media":235,"Food & Beverage":236,"Photography & Video":237,"Finance & Fintech":238,"Healthcare & Wellness":239,"Technology & Hardware":240,"Industrial & Manufacturing":241,"Beauty & Cosmetics":242,"Travel & Hospitality":243,"Non-Profit & Charity":244,"Education & Courses":245,"Crypto & Web3":246,"Sports & Fitness":247,"Automotive & Transportation":248},{"Clean \u002F Minimalist":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":250,"Dark Mode":251,"Vibrant \u002F Colorful":252,"Monochrome \u002F Grayscale":253,"Fun \u002F Playful":254,"Brutalist \u002F Neo-Brutalist":255,"Corporate \u002F Professional":27,"Illustrative \u002F Hand-drawn":256,"Futuristic \u002F Sci-Fi":257,"3D \u002F Spatial":258,"Retro \u002F Vintage \u002F Y2K":259,"Glassmorphism":260,"Bento Grid":261},{"Home \u002F Landing Page":48},{"jQuery":274,"PHP":275,"WordPress":276,"Node.js":277,"React":90,"Vercel":278,"Vue.js":279,"Shopify":280,"Next.js":281,"Klaviyo":282,"Nuxt.js":283,"Typekit":284,"Amazon Web Services":285,"reCAPTCHA":286,"YouTube":287,"MailChimp":288,"Modernizr":289,"Bootstrap":290,"Slick":291,"Google Font API":292,"Craft CMS":293,"Framer Sites":68,"Contact Form 7":294,"Stimulus":295,"Google Maps":296},{"Inter":52,"Times New Roman":298,"Roboto":299,"Open Sans":300,"Neue Haas Grotesk":301,"Suisse Intl":302,"Arial":303,"Poppins":304,"Helvetica Neue":305,"Montserrat":306,"Diatype":307,"Neue Montreal":308,"Lato":309,"Graphik":310,"Source Sans":311,"Monument Grotesk":312,"Noto Sans":56,"Helvetica":313,"Söhne":314,"DM Sans":315,"Founders Grotesk":316,"GT America":317,"Google Sans":318,"Editorial":319,"IBM Plex Mono":320},{"hits":336},[337,476,616,747],{"id":338,"website_id":339,"page_id":338,"name":340,"slug":341,"url":342,"website_name":340,"website_slug":341,"website_url":343,"result_url":342,"fetched_at":344,"score":175,"score_boost":345,"ai_score":175,"freshness_score":346,"scored_at":347,"page_name":40,"page_url":342,"page_title":348,"page_description":349,"page_content":350,"page_sort":345,"is_home":351,"is_home_rank":352,"page_type_id":353,"page_type_name":47,"cover":354,"cover_mobile":357,"cover_sequence":359,"translations":450,"industry":21,"styles":454,"credits":457,"font_families":458,"technologies":459,"pagespeed":460,"pagespeed_mobile":465,"buckets":471,"search_payload":475},"e7139b41-48f6-473f-9341-b0c7efb6b11d","d3af0edd-ac7e-4afa-abdc-cc60d118a09c","Craftwork","craftwork","https:\u002F\u002Fcraftwork.design\u002F","https:\u002F\u002Fcraftwork.design","2026-05-24T22:14:29.000Z",0,1779660869,"2026-05-24T22:16:45.000Z","Craftwork: UX\u002FUI kits, illustrations, mockups, fonts and more","Design resources for everyone. Freebies and premium web design products, custom illustrations and graphics on one marketplace.","Design resources that will boost your creative workflow Find and download the best high-quality 3D and vector illustrations, fonts, designs and mockups [ Explore Resources ](\u002Fcatalog)[ Explore Inspiration ](\u002Fcurated\u002Fwebsites) Pro Access Downloads Join Craftwork Pro and unlock unlimited assets crafted by top-tier artists around the world from $16\u002Fmonth [ Get Pro Access ](\u002Fpro) Social Media Template Vol.01 Billie Framer Template Animated ID Card Mockup Spendex – Fintech & Startup SaaS Design.png) Craftwork Design Resource Library Free and premium UI kits, templates, illustrations, icons, fonts, and mockups in one place. Unlock all with ProExplore Catalog [ UI Kits ](\u002Fcatalog\u002Fui-kits)[ Framer Templates ](\u002Fcatalog\u002Fframer)[ Illustration packs ](\u002Fcatalog\u002Fillustrations)[ s s s s s s s s s s Fonts ](\u002Fcatalog\u002Ffonts) [ 3D Assets ](\u002Fcatalog\u002F3d-assets)[ Mockups ](\u002Fcatalog\u002Fmockups)[ Icons ](\u002Fcatalog\u002Ficons)[ Inspiration ](\u002Fcurated\u002Fwebsites) FeaturedUI ElementsBlank UI KitCoded TemplatesNotion Templates Graphic PacksPresentationsMade by CraftworkFreebies Trusted by the biggest companies Endless possibilitieswith our design toolkit From single assets to full kits. Explore every type of resource to match your creative process. Placeholder PlaceholderButton Placeholder TH Filled textEUR Design resources and services to power your workflow Discover UI Kits, assets, landing sections, curated websites, and custom studio solutions, all in one place. Packs Ready-made resource collections for quick launches, from complete design sets to themed bundles. Explore Packs Assets Single UI elements for pixel-perfect edits. Web blocks, mockups, illustrations, widgets, over 10,000 items for instant customization. Explore all assets Websites Browse curated websites to speed up research, discover visual patterns, and benchmark interactions. Explore Websites Sections Hand-picked section libraries for hero blocks, feature layouts, and reusable page structures. Explore Sections Craftwork catalog packs screen Craftwork assets screen Craftwork curated websites screen Craftwork curated sections screen Three ways to use Craftwork Assets Access the same assets wherever you work in Figma, in AI tools, or directly in your code workflow. Figma plugin Browse and insert Craftwork assets directly inside Figma. Drop illustrations, icons, backgrounds and fonts into your canvas in one click. Install Craftwork Plugin Craftwork Figma plugin interface [ Craftwork MCP server in Claude Code Craftwork MCP server Connect Craftwork to AI tools through our MCP server. Search by style or context and attach packs or single assets automatically. Open MCP page ](\u002Fmcp) Search Find the right asset in seconds. Type what you're looking for and get results from 2,600+ products. Filter by category, style, or format without leaving your workflow. Search for assets Craftwork search interface Handpicked collections [ Explore featured packs ](\u002Fcatalog\u002Ffeatured) [ Hero Google Pixel 10 ProHero Google Pixel 10 ProHero Google Pixel 10 ProHero Google Pixel 10 Pro ](\u002Fproduct\u002Fhero-google-pixel-10-pro)[ Hero Google Pixel 10 Pro from $18 ](\u002Fproduct\u002Fhero-google-pixel-10-pro) 7 high-res Google Pixel 10 Pro mockups for Figma with front and back views by Craftwork Studio in Mockups [ FINA - Personal Finance & Banking App UI KitFINA - Personal Finance & Banking App UI KitFINA - Personal Finance & Banking App UI KitFINA - Personal Finance & Banking App UI Kit ](\u002Fproduct\u002Ffina-personal-finance-banking-app-ui-kit)[ FINA - Personal Finance & Banking App UI Kit from $55 ](\u002Fproduct\u002Ffina-personal-finance-banking-app-ui-kit) High-Converting Neobank & Smart Savings UI Kit — Build Modern Fintech Apps Faste by Akbar Hafsyah in UX \u002F UI Kits [ Receiptor MonoReceiptor MonoReceiptor MonoReceiptor Mono ](\u002Fproduct\u002Freceiptor-mono)[ Receiptor Mono from $30 ](\u002Fproduct\u002Freceiptor-mono) A Nostalgic Monospaced Display Font by Blank Studio in Fonts [ HERO Nothing Phone 3 MockupsHERO Nothing Phone 3 MockupsHERO Nothing Phone 3 MockupsHERO Nothing Phone 3 Mockups ](\u002Fproduct\u002Fhero-nothing-phone-3-mockups)[ HERO Nothing Phone 3 Mockups from $28 ](\u002Fproduct\u002Fhero-nothing-phone-3-mockups) 7 high-res mockups of Nothing Phone 3 for Figma. Polished design, editorial scenes. by Craftwork Studio in Mockups [ RODERRODERRODERRODER ](\u002Fproduct\u002Froder)[ RODER from $20 ](\u002Fproduct\u002Froder) [Modern …",true,1,"1",{"id":355,"height":13,"width":12,"blurhash":356},"23658150-defe-4cc2-8846-bfe023ca1b0e","radial-gradient(at 0 0,#ffffff,#00000000 50%),radial-gradient(at 33% 0,#ffffff,#00000000 50%),radial-gradient(at 67% 0,#fcfff3,#00000000 50%),radial-gradient(at 100% 0,#fffffd,#00000000 50%),radial-gradient(at 0 50%,#ffffff,#00000000 50%),radial-gradient(at 33% 50%,#f2f0f5,#00000000 50%),radial-gradient(at 67% 50%,#ddd8da,#00000000 50%),radial-gradient(at 100% 50%,#f3f2f3,#00000000 50%),radial-gradient(at 0 100%,#fdffff,#00000000 50%),radial-gradient(at 33% 100%,#eff6ed,#00000000 50%),radial-gradient(at 67% 100%,#e2ebd8,#00000000 50%),radial-gradient(at 100% 100%,#f0f4ea,#00000000 50%)",{"id":358,"height":15,"width":14,"blurhash":54},"78a9e780-ea57-4cfe-9796-3f0a65b91872",[360,363,366,369,372,375,378,381,384,387,390,393,396,399,402,405,408,411,414,417,420,423,426,429,432,435,438,441,444,447],{"directus_files_id":361},{"id":362},"5018acd6-1ee4-4e4f-b3c7-cb44ca212a0a",{"directus_files_id":364},{"id":365},"89f93f06-79cb-47b0-88f7-c2860e3cf212",{"directus_files_id":367},{"id":368},"21c5ea2a-b8e5-429a-a4f9-1a0200c4fcef",{"directus_files_id":370},{"id":371},"0fa95eae-77a2-41af-a03e-453f5803fa38",{"directus_files_id":373},{"id":374},"20badf40-7416-473e-98b6-8bf0cc546227",{"directus_files_id":376},{"id":377},"abe2ddcd-c3ae-452a-afff-cdf398169891",{"directus_files_id":379},{"id":380},"a529f451-d810-4bd1-810b-3635a58e6d5e",{"directus_files_id":382},{"id":383},"14ce7505-bb31-4db0-bf55-90cdc922b3cc",{"directus_files_id":385},{"id":386},"5f4e200f-230b-4b5f-b3b4-bfc0a285ed27",{"directus_files_id":388},{"id":389},"15d3e330-6aaa-4287-b869-6dfd27e05143",{"directus_files_id":391},{"id":392},"e1acfb1c-8bc2-4529-b8ee-7d99bc6c18f9",{"directus_files_id":394},{"id":395},"6b8c6ae1-79ac-4b1c-a32b-1387e6979c99",{"directus_files_id":397},{"id":398},"1c515ade-35a9-4376-8ef0-fa3e0d20c09b",{"directus_files_id":400},{"id":401},"07961c77-7795-4d4f-87ca-504e535ab539",{"directus_files_id":403},{"id":404},"407f8f22-037f-425e-b1ac-ca94812ef761",{"directus_files_id":406},{"id":407},"78e81c44-b4d7-437c-a138-ecd5c45b52cf",{"directus_files_id":409},{"id":410},"00b2c9b6-c506-43af-b038-7ba496e36b58",{"directus_files_id":412},{"id":413},"d5259046-529d-4ae1-84da-b8e210f59bef",{"directus_files_id":415},{"id":416},"e190224c-357d-4463-a621-8b4e855f1633",{"directus_files_id":418},{"id":419},"b3d24c9e-a49b-4c9c-9f63-ec73f02c74d5",{"directus_files_id":421},{"id":422},"0d8de4f0-9a82-45fa-b57b-6a81df4f8937",{"directus_files_id":424},{"id":425},"3df842c5-2a86-4b9a-bb07-ea4c2870ece0",{"directus_files_id":427},{"id":428},"c103265e-e6ae-4931-b36c-8f322280e6e6",{"directus_files_id":430},{"id":431},"d4d425df-ad27-4434-947b-6ff54dd18ca0",{"directus_files_id":433},{"id":434},"b399b940-3330-4839-b071-2850d0f183e5",{"directus_files_id":436},{"id":437},"5a3ce96e-3e3e-4455-94ab-b98bb6448b8a",{"directus_files_id":439},{"id":440},"41d0ccc0-ee5c-41ee-889c-375eaa3d04ee",{"directus_files_id":442},{"id":443},"c35d91e9-38ef-40c6-86c1-c31042e3a954",{"directus_files_id":445},{"id":446},"fd7f87e6-59bc-4672-a9d6-bb426a3bf1f9",{"directus_files_id":448},{"id":449},"2c541068-2d39-4c62-87f0-7384d7036257",[451],{"languages_code":452,"description":453},"en","Craftwork is a premium digital marketplace and resource library designed to empower UI\u002FUX designers, developers, and creative professionals. The platform serves as a high-end hub for high-quality design assets, offering everything from Figma templates and UI kits to 3D illustrations, fonts, and mockups. By providing both freebies and a robust 'Pro Access' subscription model, it caters to a wide spectrum of users, from hobbyists looking for inspiration to industry professionals seeking to accelerate their production workflows.\n\nThe visual identity is defined by a sophisticated, modern aesthetic that balances high-impact typography with vibrant, playful imagery. The design utilizes a clean, spacious layout with a strong emphasis on high-fidelity product previews, ensuring that the quality of the assets is immediately apparent. A striking use of high-contrast colors—specifically deep blacks and electric lime greens—creates a sense of energy and premium exclusivity, positioning the brand as a cutting-edge tool for the modern digital creator.",[30,455,456],"Fun \u002F Playful","Vibrant \u002F Colorful",[],[56,56],[64,278],[461,462,463,464],{"score":199,"category":94},{"score":209,"category":97},{"score":103,"category":99},{"score":103,"category":102},[466,468,469,470],{"score":467,"category":94},70,{"score":196,"category":97},{"score":103,"category":99},{"score":103,"category":102},[113,117,121,472,473,474],"pink","yellow","violet","Website: Craftwork. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Craftwork: UX\u002FUI kits, illustrations, mockups, fonts and more. Page description: Design resources for everyone. Freebies and premium web design products, custom illustrations and graphics on one marketplace.. Page content: Design resources that will boost your creative workflow Find and download the best high-quality 3D and vector illustrations, fonts, designs and mockups [ Explore Resources ](\u002Fcatalog)[ Explore Inspiration ](\u002Fcurated\u002Fwebsites) Pro Access Downloads Join Craftwork Pro and unlock unlimited assets crafted by top-tier artists around the world from $16\u002Fmonth [ Get Pro Access ](\u002Fpro) Social Media Template Vol.01 Billie Framer Template Animated ID Card Mockup Spendex – Fintech & Startup SaaS Design.png) Craftwork Design Resource Library Free and premium UI kits, templates, illustrations, icons, fonts, and mockups in one place. Unlock all with ProExplore Catalog [ UI Kits ](\u002Fcatalog\u002Fui-kits)[ Framer Templates ](\u002Fcatalog\u002Fframer)[ Illustration packs ](\u002Fcatalog\u002Fillustrations)[ s s s s s s s s s s Fonts ](\u002Fcatalog\u002Ffonts) [ 3D Assets ](\u002Fcatalog\u002F3d-assets)[ Mockups ](\u002Fcatalog\u002Fmockups)[ Icons ](\u002Fcatalog\u002Ficons)[ Inspiration ](\u002Fcurated\u002Fwebsites) FeaturedUI ElementsBlank UI KitCoded TemplatesNotion Templates Graphic PacksPresentationsMade by CraftworkFreebies Trusted by the biggest companies Endless possibilitieswith our design toolkit From single assets to full kits. Explore every type of resource to match your creative process. Placeholder PlaceholderButton Placeholder TH Filled textEUR Design resources and services to power your workflow Discover UI Kits, assets, landing sections, curated websites, and custom studio solutions, all in one place. Packs Ready-made resource collections for quick launches, from complete design sets to themed bundles. Explore Packs Assets Single UI elements for pixel-perfect edits. Web blocks, mockups, illustrations, widgets, over 10,000 items for instant customization. Explore all assets Websites Browse curated websites to speed up research, discover visual patterns, and benchmark interactions. Explore Websites Sections Hand-picked section libraries for hero blocks, feature layouts, and reusable page structures. Explore Sections Craftwork catalog packs screen Craftwork assets screen Craftwork curated websites screen Craftwork curated sections screen Three ways to use Craftwork Assets Access the same assets wherever you work in Figma, in AI tools, or directly in your code workflow. Figma plugin Browse and insert Craftwork assets directly inside Figma. Drop illustrations, icons, backgrounds and fonts into your canvas in one click. Install Craftwork Plugin Craftwork Figma plugin interface [ Craftwork MCP server in Claude Code Craftwork MCP server Connect Craftwork to AI tools through our MCP server. Search by style or context and attach packs or single assets automatically. Open MCP page ](\u002Fmcp) Search Find the right asset in seconds. Type what you're looking for and get results from 2,600+ products. Filter by category, style, or format without leaving your workflow. Search for assets Craftwork search interface Handpicked collections [ Explore featured packs ](\u002Fcatalog\u002Ffeatured) [ Hero Google Pixel 10 ProHero Google Pixel 10 ProHero Google Pixel 10 ProHero Google Pixel 10 Pro ](\u002Fproduct\u002Fhero-google-pixel-10-pro)[ Hero Google Pixel 10 Pro from $18 ](\u002Fproduct\u002Fhero-google-pixel-10-pro) 7 high-res Google Pixel 10 Pro mockups for Figma with front and back views by Craftwork Studio in Mockups [ FINA - Personal Finance & Banking App UI KitFINA - Personal Finance & Banking App UI KitFINA - Personal Finance & Banking App UI KitFINA - Personal Finance & Banking App UI Kit ](\u002Fproduct\u002Ffina-personal-finance-banking-app-ui-kit)[ FINA - Personal Finance & Banking App UI Kit from $55 ](\u002Fproduct\u002Ffina-personal-finance-banking-app-ui-kit) High-Converting Neobank & Smart Savings UI Kit — Build Modern Fintech Apps Faste by Akbar Hafsyah in UX \u002F UI Kits [ Receiptor MonoReceiptor MonoReceiptor MonoReceiptor Mono ](\u002Fproduct\u002Freceiptor-mono)[ Receiptor Mono from $30 ](\u002Fproduct\u002Freceiptor-mono) A Nostalgic Monospaced Display Font by Blank Studio in Fonts [ HERO Nothing Phone 3 MockupsHERO Nothing Phone 3 MockupsHERO Nothing Phone 3 MockupsHERO Nothing Phone 3 Mockups ](\u002Fproduct\u002Fhero-nothing-phone-3-mockups)[ HERO Nothing Phone 3 Mockups from $28 ](\u002Fproduct\u002Fhero-nothing-phone-3-mockups) 7 high-res mockups of Nothing Phone 3 for Figma. Polished design, editorial scenes. by Craftwork Studio in Mockups [ RODERRODERRODERRODER ](\u002Fproduct\u002Froder)[ RODER from $20 ](\u002Fproduct\u002Froder) [Modern …. A Clean \u002F Minimalist, Fun \u002F Playful, Vibrant \u002F Colorful website in the SaaS & Software industry. The overall color palette features White, Black, Gray, Pink, Yellow, Violet. The typography features Noto Sans (Sans Serif), Noto Sans (Sans Serif). Built using Crisp Live Chat, Vercel. AI description: Craftwork is a premium digital marketplace and resource library designed to empower UI\u002FUX designers, developers, and creative professionals. The platform serves as a high-end hub for high-quality design assets, offering everything from Figma templates and UI kits to 3D illustrations, fonts, and mockups. By providing both freebies and a robust 'Pro Access' subscription model, it caters to a wide spectrum of users, from hobbyists looking for inspiration to industry professionals seeking to accelerate their production workflows. The visual identity is defined by a sophisticated, modern aesthetic that balances high-impact typography with vibrant, playful imagery. The design utilizes a clean, spacious layout with a strong emphasis on high-fidelity product previews, ensuring that the quality of the assets is immediately apparent. A striking use of high-contrast colors—specifically deep blacks and electric lime greens—creates a sense of energy and premium exclusivity, positioning the brand as a cutting-edge tool for the modern digital creator.",{"id":477,"website_id":478,"page_id":477,"name":479,"slug":480,"url":481,"website_name":479,"website_slug":480,"website_url":482,"result_url":481,"fetched_at":483,"score":484,"score_boost":345,"ai_score":196,"freshness_score":108,"scored_at":485,"page_name":40,"page_url":481,"page_title":486,"page_description":487,"page_content":488,"page_sort":345,"is_home":351,"is_home_rank":352,"page_type_id":353,"page_type_name":47,"cover":489,"cover_mobile":492,"cover_sequence":494,"translations":585,"industry":21,"styles":588,"credits":589,"font_families":590,"technologies":601,"pagespeed":602,"pagespeed_mobile":608,"buckets":614,"search_payload":615},"b8b5a94a-eb07-4a95-8aa7-969303c5f7c0","fc30e3ef-d8dc-4cfa-ab79-344b756fbc41","Framer","framer","https:\u002F\u002Fframer.com\u002F","https:\u002F\u002Fframer.com","2026-05-03T20:24:31.000Z",86,"2026-05-23T19:25:54.000Z","Framer: Create a professional website, free. No code website builder loved by designers.","Build a free website with Framer—enjoy full design freedom, powerful CMS, built-in SEO, and real-time collaboration. Create professional, fully custom sites with the no-code builder loved by designers and high-performing teams.","[ State of Sites ’26 Unlock the report now • ](https:\u002F\u002Fwww.framer.com\u002Fstate-of-sites-2026\u002F) Build better sites, faster Framer is the site builder trusted by leading startups and Fortune 500 companies. Build fast and scale more easily with an integrated CMS, analytics, localization, and SEO. [ Start for free ](https:\u002F\u002Fframer.com\u002Fr\u002Fsignup) [ Start with AI ](.\u002Fai\u002F) Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Elle Fanning website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer [ Meet our customers ](.\u002Fstories\u002F) Create, collaborate, and go live AI Generate site layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence. [ Learn more ](.\u002Fai\u002F) Design Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually. [ Learn more ](.\u002Fdesign\u002F) CMS Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code. [ Learn more ](.\u002Fcms\u002F) Collaborate Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free. [ Learn more ](.\u002Fcollaborate\u002F) Framer UI A smiling person with short hair, wearing a dark shirt, against a backdrop of blue sky and clouds. Framer UI Wireframer UI I created three unique landing pages in dark mode for your modern design startup: a main landing page, a creative-focused page, and a studio showcase page. Landing Page 1 Example of a page generated by Wireframer Landing Page 2 Example of a page generated by Wireframer Landing Page 3 Example of a page generated by Wireframer 100% Framer UI Framer UI Benjamin Paul Framer UI 100% Framer canvas Framer UI Publish Title Holo Shader Slug holo-shader framer.com\u002Fupdate\u002Fholo-shader Status Live Date 16\u002F04\u002F2026 Section Section description Image Holo Shader Tint 35E2EB Featured Content Introducing a brand new addition to our Shader library: Holo. A gradient shader that simulates how light splits into rainbows on holographic surfaces. Instead of colors, you control the math that shapes the colors, and the way the shader warps and flows. Holo is now available in the Insert Panel, under Shaders. Watch the video to learn more about how to customize Holo. CMS Site · framer.com Invite Publish Collections Fields Academy Updates Articles 320 Categories 18 Developers Startups Help Add... Title Status Image Featured Categories CMS Plugins Live Logo Shaders Live Holo Shader CMS 3.0 Live Holo Shader Live Holo Shader Auto Translate Live March Update: Bento Live Bento Grids Chromatic Aberration Live Chromatic Aberration Shader Shaders Live Shaders in Framer Static Files Live Custom Distribution Live Custom Distribution Framer Convert Live Framer Convert February Update: Flow Live Flow in Templates CMS: Dynamic Filters Live baseform.framer.website Baseform® Art Direction Visual Design Work, Archive, Profile, Journal Let's Talk Latest News View All Posts → Photo Photo Photo Photo Framer UI Click to edit · Changes are auto-saved Site saved · Collaborators are notified. Changes will be visible once the project is published. Open in Framer Finish Editing Scale without switching tools Analytics & insights Track traffic, measure performance, and monitor conversions. [ Learn more ](.\u002Fanalytics) May 1, 2026 Pageviews 258,156 Visitors 85,458 Overview Live Visitors 400 Unique Visitors 1.7M Total Pageviews 3.2M 330k Sources Referrer google.com 436K chatgpt.com 189K linkedin.com 9 …",{"id":490,"height":13,"width":12,"blurhash":491},"7aeb4132-9c7b-4760-b942-b8e6e85bcc8a","radial-gradient(at 0 0,#3a1b27,#00000000 50%),radial-gradient(at 33% 0,#363030,#00000000 50%),radial-gradient(at 67% 0,#494741,#00000000 50%),radial-gradient(at 100% 0,#3f3232,#00000000 50%),radial-gradient(at 0 50%,#3c220d,#00000000 50%),radial-gradient(at 33% 50%,#504646,#00000000 50%),radial-gradient(at 67% 50%,#6b686a,#00000000 50%),radial-gradient(at 100% 50%,#4e4848,#00000000 50%),radial-gradient(at 0 100%,#4d3f33,#00000000 50%),radial-gradient(at 33% 100%,#3d4343,#00000000 50%),radial-gradient(at 67% 100%,#4e5854,#00000000 50%),radial-gradient(at 100% 100%,#393b3b,#00000000 50%)",{"id":493,"height":15,"width":14,"blurhash":54},"c39d19d5-6018-4320-af46-be1a71fe0ea1",[495,498,501,504,507,510,513,516,519,522,525,528,531,534,537,540,543,546,549,552,555,558,561,564,567,570,573,576,579,582],{"directus_files_id":496},{"id":497},"411cde9d-d627-46b1-b451-7100200f192b",{"directus_files_id":499},{"id":500},"d99a94cf-2053-4269-a978-c42c38dba5be",{"directus_files_id":502},{"id":503},"e2aa2075-6231-49a5-9520-eec0f84446c9",{"directus_files_id":505},{"id":506},"a9e520f8-076c-48c1-8d92-328577a21358",{"directus_files_id":508},{"id":509},"c2c0de5b-bed0-4146-8ad3-72e3a2c7b53a",{"directus_files_id":511},{"id":512},"1b6e2bbe-6c0d-46aa-8e84-0386fb5406c5",{"directus_files_id":514},{"id":515},"cccf9eca-6938-42b8-9f98-6998ce87354b",{"directus_files_id":517},{"id":518},"e11dd6cd-fa77-4fb9-a99d-31aa4e67cb1c",{"directus_files_id":520},{"id":521},"5f37af42-5644-4de2-adbf-cd7233c93ce1",{"directus_files_id":523},{"id":524},"472bbb61-bea2-403e-9ef0-800a3abf736e",{"directus_files_id":526},{"id":527},"c305691a-be73-40ca-9186-eef293b103cd",{"directus_files_id":529},{"id":530},"c079bba2-ae3a-4737-aa08-cfdedce67818",{"directus_files_id":532},{"id":533},"b2c5d198-1324-4cb4-96af-dba56fdd8d7e",{"directus_files_id":535},{"id":536},"afd355c7-6117-41e0-b639-4f24bbda535d",{"directus_files_id":538},{"id":539},"bd0924e5-15eb-475a-bf29-fdc6c20cd26c",{"directus_files_id":541},{"id":542},"f795ca43-530f-4c78-b842-9ca7a3933ae9",{"directus_files_id":544},{"id":545},"971f3ff5-c094-4b68-a678-d69603c5edff",{"directus_files_id":547},{"id":548},"f22a265c-c172-4f1d-bf19-00cca735d7b9",{"directus_files_id":550},{"id":551},"a19eb017-66cb-48e2-8085-9e81cf91b6a2",{"directus_files_id":553},{"id":554},"79c94283-a24e-4d2b-9ff9-3fc8aa3c723c",{"directus_files_id":556},{"id":557},"82bd8726-715d-440f-b727-fc988a87f349",{"directus_files_id":559},{"id":560},"b5ed3c80-454f-4542-ba5b-217fe598f602",{"directus_files_id":562},{"id":563},"d7977a07-358d-4412-ab69-14c24c107af7",{"directus_files_id":565},{"id":566},"c58d6c9f-fbf1-495e-a2d0-7b5fe96b29d5",{"directus_files_id":568},{"id":569},"3c9aae90-ea0c-4ed2-bc10-93801c0cd91f",{"directus_files_id":571},{"id":572},"32d69984-1117-4a42-a63b-ae232d3016cd",{"directus_files_id":574},{"id":575},"f7937a27-501f-42f5-a708-eadeec9ee7ad",{"directus_files_id":577},{"id":578},"e2eda89f-6764-465a-9396-9ba9a74b79fe",{"directus_files_id":580},{"id":581},"c2149183-6b5f-43ac-bf85-db6066ba7d92",{"directus_files_id":583},{"id":584},"732428cf-3adc-4bf3-bfda-d890a9bdd6ba",[586],{"languages_code":452,"description":587},"Framer is a high-performance no-code website builder designed to bridge the gap between professional design and functional web development. It empowers designers and high-growth teams to create bespoke, interactive websites with full creative freedom, integrating advanced features like a robust CMS, built-in SEO, and real-time collaboration tools. \n\nThe visual identity is sophisticated and cutting-edge, utilizing a striking dark mode aesthetic paired with bold, oversized typography. The design language leans heavily into a premium, tech-forward feel, using high-quality imagery and fluid layouts to demonstrate the platform's ability to handle complex, visually stunning web experiences. It speaks directly to a creative, professional audience that demands both aesthetic excellence and technical power.",[30,251,34],[],[591,592,593,52,594,595,596,595,597,597,597,597,597,598,597,52,52,597,52,52,314,599,52,52,52,600,594],"Geist","Instrument Sans","Instrument Serif","Azeret Mono","Geist Mono","JetBrains Mono","GT Walsheim","Repro","Universal Sans","Manrope",[],[603,604,605,607],{"score":211,"category":94},{"score":95,"category":97},{"score":606,"category":99},96,{"score":197,"category":102},[609,611,612,613],{"score":610,"category":94},37,{"score":197,"category":97},{"score":606,"category":99},{"score":197,"category":102},[117,113,121],"Website: Framer. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Framer: Create a professional website, free. No code website builder loved by designers.. Page description: Build a free website with Framer—enjoy full design freedom, powerful CMS, built-in SEO, and real-time collaboration. Create professional, fully custom sites with the no-code builder loved by designers and high-performing teams.. Page content: [ State of Sites ’26 Unlock the report now • ](https:\u002F\u002Fwww.framer.com\u002Fstate-of-sites-2026\u002F) Build better sites, faster Framer is the site builder trusted by leading startups and Fortune 500 companies. Build fast and scale more easily with an integrated CMS, analytics, localization, and SEO. [ Start for free ](https:\u002F\u002Fframer.com\u002Fr\u002Fsignup) [ Start with AI ](.\u002Fai\u002F) Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Elle Fanning website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer Website made in Framer [ Meet our customers ](.\u002Fstories\u002F) Create, collaborate, and go live AI Generate site layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence. [ Learn more ](.\u002Fai\u002F) Design Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually. [ Learn more ](.\u002Fdesign\u002F) CMS Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code. [ Learn more ](.\u002Fcms\u002F) Collaborate Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free. [ Learn more ](.\u002Fcollaborate\u002F) Framer UI A smiling person with short hair, wearing a dark shirt, against a backdrop of blue sky and clouds. Framer UI Wireframer UI I created three unique landing pages in dark mode for your modern design startup: a main landing page, a creative-focused page, and a studio showcase page. Landing Page 1 Example of a page generated by Wireframer Landing Page 2 Example of a page generated by Wireframer Landing Page 3 Example of a page generated by Wireframer 100% Framer UI Framer UI Benjamin Paul Framer UI 100% Framer canvas Framer UI Publish Title Holo Shader Slug holo-shader framer.com\u002Fupdate\u002Fholo-shader Status Live Date 16\u002F04\u002F2026 Section Section description Image Holo Shader Tint 35E2EB Featured Content Introducing a brand new addition to our Shader library: Holo. A gradient shader that simulates how light splits into rainbows on holographic surfaces. Instead of colors, you control the math that shapes the colors, and the way the shader warps and flows. Holo is now available in the Insert Panel, under Shaders. Watch the video to learn more about how to customize Holo. CMS Site · framer.com Invite Publish Collections Fields Academy Updates Articles 320 Categories 18 Developers Startups Help Add... Title Status Image Featured Categories CMS Plugins Live Logo Shaders Live Holo Shader CMS 3.0 Live Holo Shader Live Holo Shader Auto Translate Live March Update: Bento Live Bento Grids Chromatic Aberration Live Chromatic Aberration Shader Shaders Live Shaders in Framer Static Files Live Custom Distribution Live Custom Distribution Framer Convert Live Framer Convert February Update: Flow Live Flow in Templates CMS: Dynamic Filters Live baseform.framer.website Baseform® Art Direction Visual Design Work, Archive, Profile, Journal Let's Talk Latest News View All Posts → Photo Photo Photo Photo Framer UI Click to edit · Changes are auto-saved Site saved · Collaborators are notified. Changes will be visible once the project is published. Open in Framer Finish Editing Scale without switching tools Analytics & insights Track traffic, measure performance, and monitor conversions. [ Learn more ](.\u002Fanalytics) May 1, 2026 Pageviews 258,156 Visitors 85,458 Overview Live Visitors 400 Unique Visitors 1.7M Total Pageviews 3.2M 330k Sources Referrer google.com 436K chatgpt.com 189K linkedin.com 9 …. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the SaaS & Software industry. The overall color palette features Black, White, Gray. The typography features Geist (Sans Serif), Instrument Sans (Sans Serif), Instrument Serif (Serif), Inter (Sans Serif), Azeret Mono (Sans Serif, Displaay), Geist Mono, JetBrains Mono (Sans Serif), Geist Mono, GT Walsheim (Grilli Type), GT Walsheim (Grilli Type), GT Walsheim (Grilli Type), GT Walsheim (Grilli Type), GT Walsheim (Grilli Type), Repro (Sans Serif, Dinamo), GT Walsheim (Grilli Type), Inter (Sans Serif), Inter (Sans Serif), GT Walsheim (Grilli Type), Inter (Sans Serif), Inter (Sans Serif), Söhne (Sans Serif, Klim Type), Universal Sans (Sans Serif), Inter (Sans Serif), Inter (Sans Serif), Inter (Sans Serif), Manrope, Azeret Mono (Sans Serif, Displaay). AI description: Framer is a high-performance no-code website builder designed to bridge the gap between professional design and functional web development. It empowers designers and high-growth teams to create bespoke, interactive websites with full creative freedom, integrating advanced features like a robust CMS, built-in SEO, and real-time collaboration tools. The visual identity is sophisticated and cutting-edge, utilizing a striking dark mode aesthetic paired with bold, oversized typography. The design language leans heavily into a premium, tech-forward feel, using high-quality imagery and fluid layouts to demonstrate the platform's ability to handle complex, visually stunning web experiences. It speaks directly to a creative, professional audience that demands both aesthetic excellence and technical power.",{"id":617,"website_id":618,"page_id":617,"name":619,"slug":620,"url":621,"website_name":619,"website_slug":620,"website_url":622,"result_url":621,"fetched_at":623,"score":226,"score_boost":345,"ai_score":209,"freshness_score":624,"scored_at":625,"page_name":40,"page_url":621,"page_title":626,"page_description":627,"page_content":628,"page_sort":345,"is_home":351,"is_home_rank":352,"page_type_id":353,"page_type_name":47,"cover":629,"cover_mobile":632,"cover_sequence":634,"translations":725,"industry":728,"styles":729,"credits":730,"font_families":731,"technologies":732,"pagespeed":733,"pagespeed_mobile":739,"buckets":744,"search_payload":746},"493c7fd2-388f-417f-b8a5-55e91c0424be","e95bcc29-a03e-4909-be8c-cfdcf299342f","Shift Nudge","shift-nudge","https:\u002F\u002Fshiftnudge.com\u002F","https:\u002F\u002Fshiftnudge.com","2026-05-04T15:51:30.000Z",1777909890,"2026-05-24T20:59:05.000Z","Shift Nudge - Professional Interface Design Training","Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves.","Skip to main content Menu PortfolioTeamsReviewsResourcesNewsletter Apply Shift Nudge Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves. ↓ Next Live Training10D 02H 11M 56S 10D 02H 11M 56S [ → Apply →→→ ](\u002Fapply) Trusted by the world's best design teams. Figma, Google, Microsoft, Pentagram, and other leading companies, plus thousands of designers worldwide rely on Shift Nudge for professional interface design training. OpenAI logo Figma logo Google logo Microsoft logo Netflix logo Pentagram logo YouTube logo Apple logo [ Christina Campbell Christina Campbell Design Operations Lead Adobe Two years ago, I had this overwhelming urge to create and define something meaningful to me, not just define myself by being an employee of a larger company. I committed to the journey, completed design boot camp and Shift Nudge, and I'm still learning daily. There's beauty in the growth process. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fchristinaecampbell_productdesign-uxdesign-appredesign-activity-7325960354457440256-aF91?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Brad Weaver Brad Weaver Head of Product Design Valence Matt is without a doubt one of the best minds working in Product Design. He's one of my most respected colleagues. Flat out, he knows his stuff. Recommend this to your students or anyone wanting to enter or advance in the field. ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fsbradweaver\u002F) [ Diana Gordon Diana Gordon UX Product Designer Mayo Clinic Form does not need to follow function. I'm consistently working on refining my visual design skills, something that I view as a life-long journey. I recently finished chipping away at the most comprehensive visual design course I have ever taken: Shift Nudge. Thanks Matt D. Smith for such a thoughtful and efficient way to level up UI! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdianaglozman\u002F) [ Caden Damiano Caden Damiano Staff Product Designer BILL I spent 6 months practicing and being coached by MDS on improving my gaps in UI design. I doubled my income within a couple of years of doing Shift Nudge. Turns out a strong command of visual communication and UI is a valuable skillset in the industry. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fcaden-damiano_i-used-to-think-that-i-needed-to-be-my-own-activity-6968946864289173504-wCFg) [ Farah Lababidi Farah Lababidi UX Designer Amoux I made a decision to sharpen my craft by going back to the fundamentals with Shift Nudge. These aren't just lessons to check off, they're habits I'm already carrying into real projects. With stronger fundamentals, I design faster, more confidently, and with fewer revisions. Typography, hierarchy, process hygiene. They make the difference between 'good enough' and professional. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Ffarah-lababidi_uidesign-shiftnudge-typography-activity-7373362481081102336-yzMO?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Joel Hooks Joel Hooks Head of Education Vercel I'm a bit of an online course sommelier & collector, and this is not only the best visual design course I've been exposed to, but also structurally and from an instructional design perspective it is world class. ](https:\u002F\u002Ftwitter.com\u002Fjhooks\u002Fstatus\u002F1375997285549531137) [ Femke van Schoonhoven Femke van Schoonhoven Design Lead Gusto Seriously the best course I can recommend for those wanting to get into UX Design. Shift Nudge is a game-changer for aspiring designers. ](https:\u002F\u002Ftwitter.com\u002Ffemkesvs\u002Fstatus\u002F1303809638899634178) [ Mike Gonzalez Mike Gonzalez Design Engineer vidIQ Just met MDS at Config! Shift Nudge leveled up my craft and equipped me with the confidence to land my first product design role. I appreciate you, Matt! ](https:\u002F\u002Ftwitter.com\u002Fmikeagonz\u002Fstatus\u002F1671967730440998913) [ → More reviews →→→ ](\u002Freviews) Shift Nudge is for working designers who can complete projects but struggle with visual craft execution. Whether you're self-taught without formal foundations, or experienced but never learned a systematic approach, this framework turns uncertainty into confident decisions. In the new world of AI, this is even more important. When anyone can generate a layout, the designers who advance are those with refined judgment about what makes it work. Strong craft isn't optional anymore. It's the differentiator that comes from a clear system for design decisions. - Turn scattered knowledge into a systematic process - Understand the WHY behind every design decision - Apply learnings immediately to day-to-day work - Build confidence through repeatable frameworks Framework A proven system for confident design. This methodology underlies professional interface design and is used by working designers at leading companies. Foundation Strategic approaches to typography, layout, and color that eliminate guesswork. Advanced Application Style, elements, and tactics for enterprise systems and workflows. Professional Development Ongoing mentorship through workshops, critique, and a community advancing together. 8+ Weeks 5+ Hours\u002Fweek 8 Modules 1 Year of critiques [ → View schedule →→→ ](\u002Fschedules\u002F8) Method A clear, step-by-step process that removes guesswork from design decisions. Access the complete methodology and foundational principles that apply across any platform, tool, or challenge. Apply the system through self-paced study and live mentorship. Advance your skills in 8+ weeks and continue with feedback and professional support for a full year. [ Abeer Qamer Abeer Qamer Product Designer Independent I just discovered Shift Nudge and fell in love with it. The course structure is really amazing! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fabeerqamer\u002F) [ Adam Waxman Adam Waxman Staff Product Manager SeatGeek The content and production quality of this course is next level. HIGHLY recommend for anyone looking to level up their interface design skills. ](https:\u002F\u002Ftwitter.com\u002Fajwaxman\u002Fstatus\u002F1748058756628226504) [ Ahmad Galal Ahmad Galal Director of Experience Independent Hands down the best interface design course out there! Can't recommend this course enough. ](https:\u002F\u002Ftwitter.com\u002FAhmadGalal\u002Fstatus\u002F1297985732636807168) [ Akanksha Gupta Akanksha Gupta Sr. Content Designer Freelance Shift Nudge was an excellent reset on the fundamentals. It forced me to slow down and figure out why certain layouts feel balanced, why some typography choices make content easier to scan, and how spacing alone can change how information is understood. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:activity:7434209984873185280\u002F) [ Akee Kazi Akee Kazi Product Designer Webflow I 100% recommend Shift Nudge! I'm a self-taught designer and it's helped me improve my design process so much. Plus the critique vault for all the homework is a great way to check your work. ](https:\u002F\u002Fx.com\u002Fakeekazi\u002Fstatus\u002F1410267825390952452) [ Amit Singh Amit Singh Staff Content Designer Intuit To truly own the user experience, content designers need to speak the language of pixels and interaction just as fluently as we speak information hierarchy and content strategy. Shift Nudge gave me that. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:ugcPost:7434149133340565504\u002F) [ Anipier Bérubé Anipier Bérubé Product Owner Folks Just wanted to tell you how happy I am that I found your class. It's short, clean, clear, and organized. Thank you so much! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fanipier-b%C3%A9rub%C3%A9-4523b538\u002F) [ Arjen Harris Arjen Harris Product Leader Independent Just wanted to say I really appreciate the elaborate feedback on the homework man, really makes the course shine! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Farjenharris\u002F) Founder Matt D. Smith (@mds) Design and AI. Twenty years leading projects for startups and global brands. Creator of the Float Label pattern, adopted by Apple and Google. Founder of Shift Nudge, training designers to lead with clarity and craft. [ → Profile →→→ ](\u002Fmds) Apply Professional development that leads to career advancement and leadership positions. Members have landed dream roles, increased their salaries, and advanced to Senior Designers, Design Leads, and Heads of Design at leading tech companies and startups. \\*Individual results may vary. - Proven framework for confident design decisions - Complete design training across 8 modules - Go at your own pace with schedule options - Community of 4K+ designers from companies like Figma, Google, Netflix, Canva, Pentagram, Dropbox - Critique vault with 1K+ design reviews - Bi-weekly live workshops with MDS for 12 months [ → Apply →→→ ](\u002Fapply) FAQS +How does the critique and feedback process work? Submit your work and attend regularly scheduled group live calls for feedback and critique. Members are encouraged to participate in reviewing each other's work as well. Additional feedback is delivered in the community via recorded video. All calls are recorded so you can participate on your schedule. +How is this different from other design education? Shift Nudge focuses on proven frameworks rather than scattered tutorials. You'll learn the underlying principles that enable confident decision-making across any project, not just how to follow steps. +How much time does this require each week? The training is designed for 5 hours per week over 8 weeks. This includes video lessons, practice exercises, and community participation. The pace is flexible so you can work ahead or take more time as needed. +Will this help me build a stronger portfolio? Yes. Every lesson includes a design exercise. Later exercises chain together into complete interface projects. These are portfolio-worthy projects that can demonstrate methodical thinking and craft. +What level of design experience do I need? Familiarity with a design tool is the only requirement. Working designers at any stage benefit from this training. Whether building foundations early in your career, refining your approach mid-level, or strengthening visual execution as a senior designer, the framework applies. +Can I get an invoice with company details? Yes. Whether you need an invoice before purchase, for company approval, or a receipt after purchase, for expense reporting, we can provide documentation with your company information. +How much does Shift Nudge cost? Membership is $1997\u002Fyr USD, billed annually. Contact us for alternative payment arrangements. [ → More FAQs →→→ ](\u002Ffaq) [ ![A …",{"id":630,"height":13,"width":12,"blurhash":631},"1b07505f-ac43-415f-8eb9-90b307dd2a35","radial-gradient(at 0 0,#262625,#00000000 50%),radial-gradient(at 33% 0,#1a1919,#00000000 50%),radial-gradient(at 67% 0,#282727,#00000000 50%),radial-gradient(at 100% 0,#313031,#00000000 50%),radial-gradient(at 0 50%,#090707,#00000000 50%),radial-gradient(at 33% 50%,#070405,#00000000 50%),radial-gradient(at 67% 50%,#0d090b,#00000000 50%),radial-gradient(at 100% 50%,#0f0b0d,#00000000 50%),radial-gradient(at 0 100%,#1d1b1c,#00000000 50%),radial-gradient(at 33% 100%,#120e10,#00000000 50%),radial-gradient(at 67% 100%,#161415,#00000000 50%),radial-gradient(at 100% 100%,#1c1b1b,#00000000 50%)",{"id":633,"height":15,"width":14,"blurhash":54},"8c80eb63-6b94-41c4-929e-4097d99efd84",[635,638,641,644,647,650,653,656,659,662,665,668,671,674,677,680,683,686,689,692,695,698,701,704,707,710,713,716,719,722],{"directus_files_id":636},{"id":637},"52b82b78-a4c7-4b76-81fb-48849c8d8c8b",{"directus_files_id":639},{"id":640},"ed3f0dc8-b9d9-4237-856f-441be101d16e",{"directus_files_id":642},{"id":643},"75e94c38-b923-43a2-ab50-04ce2da57128",{"directus_files_id":645},{"id":646},"2b8b6fdb-fa18-44eb-b770-1b8e82e873ee",{"directus_files_id":648},{"id":649},"3ec0d7bc-001b-4ba3-b33d-2b7443c31185",{"directus_files_id":651},{"id":652},"ac405544-fd92-46c2-86c3-99109c8e0ae6",{"directus_files_id":654},{"id":655},"bb8592f5-3825-4f73-ad41-b2e97c714a11",{"directus_files_id":657},{"id":658},"384da9ff-7ba2-4a80-8c4d-26fa380eb320",{"directus_files_id":660},{"id":661},"6de031dd-193d-4607-94ab-6d3e1900890f",{"directus_files_id":663},{"id":664},"b88b9bc3-834b-4b86-9291-0696e975d319",{"directus_files_id":666},{"id":667},"1926742e-f679-47e3-8f8e-01ef89dd5dce",{"directus_files_id":669},{"id":670},"08d24769-fe24-4672-a273-09101defb724",{"directus_files_id":672},{"id":673},"bb686c58-6882-42f3-9178-7c2946c62d86",{"directus_files_id":675},{"id":676},"cc7ce8d5-2387-4f60-a12b-90de1ce801a9",{"directus_files_id":678},{"id":679},"9f40e16f-2705-49b0-b2d8-deb47d54d589",{"directus_files_id":681},{"id":682},"e1ec4a51-d81d-421d-a946-2da308d4c6a7",{"directus_files_id":684},{"id":685},"49d70787-08f0-40f5-96c1-3c50cdcd7e2b",{"directus_files_id":687},{"id":688},"d93e0a7f-7ff6-441b-b9da-23589e410595",{"directus_files_id":690},{"id":691},"af829a33-5928-4725-888b-838d0cc5c146",{"directus_files_id":693},{"id":694},"a496cbed-a7b9-46d7-8524-eff70701cfe3",{"directus_files_id":696},{"id":697},"c3aeba4b-8f16-4355-8ea0-92eb194af09c",{"directus_files_id":699},{"id":700},"e410152c-5b66-4d68-a225-764bebee36b0",{"directus_files_id":702},{"id":703},"b87a4194-edbb-4097-9bf9-1cb693790f9c",{"directus_files_id":705},{"id":706},"23d6cc03-e969-4657-9411-eb1d5445e7ce",{"directus_files_id":708},{"id":709},"565d4f42-4828-41cf-bdc7-25ede0f8b0df",{"directus_files_id":711},{"id":712},"3f09e95d-8528-4a4e-96d8-840450a7de72",{"directus_files_id":714},{"id":715},"05b268ea-59ba-4831-9bd7-bb15ea1ffea3",{"directus_files_id":717},{"id":718},"5e846108-4258-43e4-8df0-a878f602d0d9",{"directus_files_id":720},{"id":721},"96dba650-b655-4a00-8789-90d5e47ed05a",{"directus_files_id":723},{"id":724},"101d1eba-5ba1-45a2-9aab-ac507e35fcd8",[726],{"languages_code":452,"description":727},"Shift Nudge is a premium educational platform dedicated to elevating the craft of professional interface designers. Through a structured framework and mentorship, the site offers working designers the tools to move beyond guesswork, helping them articulate design decisions and execute high-level visual craft with precision.\n\nThe visual identity is sophisticated and high-impact, utilizing a striking dark mode aesthetic paired with bold, oversized typography. The design language is minimalist yet authoritative, employing a monochromatic base with strategic pops of vibrant pink to guide user attention. The use of geometric abstractions and a clean, structured layout communicates a sense of modern professionalism and technical mastery, perfectly resonating with an audience of ambitious design professionals.","Education & Courses",[30,251,34],[],[314],[281,277,90,278],[734,735,737,738],{"score":103,"category":94},{"score":736,"category":97},99,{"score":103,"category":99},{"score":103,"category":102},[740,741,742,743],{"score":100,"category":94},{"score":736,"category":97},{"score":103,"category":99},{"score":103,"category":102},[117,113,121,745],"red","Website: Shift Nudge. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Shift Nudge - Professional Interface Design Training. Page description: Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves.. Page content: Skip to main content Menu PortfolioTeamsReviewsResourcesNewsletter Apply Shift Nudge Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves. ↓ Next Live Training10D 02H 11M 56S 10D 02H 11M 56S [ → Apply →→→ ](\u002Fapply) Trusted by the world's best design teams. Figma, Google, Microsoft, Pentagram, and other leading companies, plus thousands of designers worldwide rely on Shift Nudge for professional interface design training. OpenAI logo Figma logo Google logo Microsoft logo Netflix logo Pentagram logo YouTube logo Apple logo [ Christina Campbell Christina Campbell Design Operations Lead Adobe Two years ago, I had this overwhelming urge to create and define something meaningful to me, not just define myself by being an employee of a larger company. I committed to the journey, completed design boot camp and Shift Nudge, and I'm still learning daily. There's beauty in the growth process. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fchristinaecampbell_productdesign-uxdesign-appredesign-activity-7325960354457440256-aF91?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Brad Weaver Brad Weaver Head of Product Design Valence Matt is without a doubt one of the best minds working in Product Design. He's one of my most respected colleagues. Flat out, he knows his stuff. Recommend this to your students or anyone wanting to enter or advance in the field. ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fsbradweaver\u002F) [ Diana Gordon Diana Gordon UX Product Designer Mayo Clinic Form does not need to follow function. I'm consistently working on refining my visual design skills, something that I view as a life-long journey. I recently finished chipping away at the most comprehensive visual design course I have ever taken: Shift Nudge. Thanks Matt D. Smith for such a thoughtful and efficient way to level up UI! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdianaglozman\u002F) [ Caden Damiano Caden Damiano Staff Product Designer BILL I spent 6 months practicing and being coached by MDS on improving my gaps in UI design. I doubled my income within a couple of years of doing Shift Nudge. Turns out a strong command of visual communication and UI is a valuable skillset in the industry. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fcaden-damiano_i-used-to-think-that-i-needed-to-be-my-own-activity-6968946864289173504-wCFg) [ Farah Lababidi Farah Lababidi UX Designer Amoux I made a decision to sharpen my craft by going back to the fundamentals with Shift Nudge. These aren't just lessons to check off, they're habits I'm already carrying into real projects. With stronger fundamentals, I design faster, more confidently, and with fewer revisions. Typography, hierarchy, process hygiene. They make the difference between 'good enough' and professional. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Ffarah-lababidi_uidesign-shiftnudge-typography-activity-7373362481081102336-yzMO?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Joel Hooks Joel Hooks Head of Education Vercel I'm a bit of an online course sommelier & collector, and this is not only the best visual design course I've been exposed to, but also structurally and from an instructional design perspective it is world class. ](https:\u002F\u002Ftwitter.com\u002Fjhooks\u002Fstatus\u002F1375997285549531137) [ Femke van Schoonhoven Femke van Schoonhoven Design Lead Gusto Seriously the best course I can recommend for those wanting to get into UX Design. Shift Nudge is a game-changer for aspiring designers. ](https:\u002F\u002Ftwitter.com\u002Ffemkesvs\u002Fstatus\u002F1303809638899634178) [ Mike Gonzalez Mike Gonzalez Design Engineer vidIQ Just met MDS at Config! Shift Nudge leveled up my craft and equipped me with the confidence to land my first product design role. I appreciate you, Matt! ](https:\u002F\u002Ftwitter.com\u002Fmikeagonz\u002Fstatus\u002F1671967730440998913) [ → More reviews →→→ ](\u002Freviews) Shift Nudge is for working designers who can complete projects but struggle with visual craft execution. Whether you're self-taught without formal foundations, or experienced but never learned a systematic approach, this framework turns uncertainty into confident decisions. In the new world of AI, this is even more important. When anyone can generate a layout, the designers who advance are those with refined judgment about what makes it work. Strong craft isn't optional anymore. It's the differentiator that comes from a clear system for design decisions. - Turn scattered knowledge into a systematic process - Understand the WHY behind every design decision - Apply learnings immediately to day-to-day work - Build confidence through repeatable frameworks Framework A proven system for confident design. This methodology underlies professional interface design and is used by working designers at leading companies. Foundation Strategic approaches to typography, layout, and color that eliminate guesswork. Advanced Application Style, elements, and tactics for enterprise systems and workflows. Professional Development Ongoing mentorship through workshops, critique, and a community advancing together. 8+ Weeks 5+ Hours\u002Fweek 8 Modules 1 Year of critiques [ → View schedule →→→ ](\u002Fschedules\u002F8) Method A clear, step-by-step process that removes guesswork from design decisions. Access the complete methodology and foundational principles that apply across any platform, tool, or challenge. Apply the system through self-paced study and live mentorship. Advance your skills in 8+ weeks and continue with feedback and professional support for a full year. [ Abeer Qamer Abeer Qamer Product Designer Independent I just discovered Shift Nudge and fell in love with it. The course structure is really amazing! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fabeerqamer\u002F) [ Adam Waxman Adam Waxman Staff Product Manager SeatGeek The content and production quality of this course is next level. HIGHLY recommend for anyone looking to level up their interface design skills. ](https:\u002F\u002Ftwitter.com\u002Fajwaxman\u002Fstatus\u002F1748058756628226504) [ Ahmad Galal Ahmad Galal Director of Experience Independent Hands down the best interface design course out there! Can't recommend this course enough. ](https:\u002F\u002Ftwitter.com\u002FAhmadGalal\u002Fstatus\u002F1297985732636807168) [ Akanksha Gupta Akanksha Gupta Sr. Content Designer Freelance Shift Nudge was an excellent reset on the fundamentals. It forced me to slow down and figure out why certain layouts feel balanced, why some typography choices make content easier to scan, and how spacing alone can change how information is understood. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:activity:7434209984873185280\u002F) [ Akee Kazi Akee Kazi Product Designer Webflow I 100% recommend Shift Nudge! I'm a self-taught designer and it's helped me improve my design process so much. Plus the critique vault for all the homework is a great way to check your work. ](https:\u002F\u002Fx.com\u002Fakeekazi\u002Fstatus\u002F1410267825390952452) [ Amit Singh Amit Singh Staff Content Designer Intuit To truly own the user experience, content designers need to speak the language of pixels and interaction just as fluently as we speak information hierarchy and content strategy. Shift Nudge gave me that. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:ugcPost:7434149133340565504\u002F) [ Anipier Bérubé Anipier Bérubé Product Owner Folks Just wanted to tell you how happy I am that I found your class. It's short, clean, clear, and organized. Thank you so much! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fanipier-b%C3%A9rub%C3%A9-4523b538\u002F) [ Arjen Harris Arjen Harris Product Leader Independent Just wanted to say I really appreciate the elaborate feedback on the homework man, really makes the course shine! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Farjenharris\u002F) Founder Matt D. Smith (@mds) Design and AI. Twenty years leading projects for startups and global brands. Creator of the Float Label pattern, adopted by Apple and Google. Founder of Shift Nudge, training designers to lead with clarity and craft. [ → Profile →→→ ](\u002Fmds) Apply Professional development that leads to career advancement and leadership positions. Members have landed dream roles, increased their salaries, and advanced to Senior Designers, Design Leads, and Heads of Design at leading tech companies and startups. \\*Individual results may vary. - Proven framework for confident design decisions - Complete design training across 8 modules - Go at your own pace with schedule options - Community of 4K+ designers from companies like Figma, Google, Netflix, Canva, Pentagram, Dropbox - Critique vault with 1K+ design reviews - Bi-weekly live workshops with MDS for 12 months [ → Apply →→→ ](\u002Fapply) FAQS +How does the critique and feedback process work? Submit your work and attend regularly scheduled group live calls for feedback and critique. Members are encouraged to participate in reviewing each other's work as well. Additional feedback is delivered in the community via recorded video. All calls are recorded so you can participate on your schedule. +How is this different from other design education? Shift Nudge focuses on proven frameworks rather than scattered tutorials. You'll learn the underlying principles that enable confident decision-making across any project, not just how to follow steps. +How much time does this require each week? The training is designed for 5 hours per week over 8 weeks. This includes video lessons, practice exercises, and community participation. The pace is flexible so you can work ahead or take more time as needed. +Will this help me build a stronger portfolio? Yes. Every lesson includes a design exercise. Later exercises chain together into complete interface projects. These are portfolio-worthy projects that can demonstrate methodical thinking and craft. +What level of design experience do I need? Familiarity with a design tool is the only requirement. Working designers at any stage benefit from this training. Whether building foundations early in your career, refining your approach mid-level, or strengthening visual execution as a senior designer, the framework applies. +Can I get an invoice with company details? Yes. Whether you need an invoice before purchase, for company approval, or a receipt after purchase, for expense reporting, we can provide documentation with your company information. +How much does Shift Nudge cost? Membership is $1997\u002Fyr USD, billed annually. Contact us for alternative payment arrangements. [ → More FAQs →→→ ](\u002Ffaq) [ ![A …. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Education & Courses industry. The overall color palette features Black, White, Gray, Red. The typography features Söhne (Sans Serif, Klim Type). Built using Next.js, Node.js, React, Vercel. AI description: Shift Nudge is a premium educational platform dedicated to elevating the craft of professional interface designers. Through a structured framework and mentorship, the site offers working designers the tools to move beyond guesswork, helping them articulate design decisions and execute high-level visual craft with precision. The visual identity is sophisticated and high-impact, utilizing a striking dark mode aesthetic paired with bold, oversized typography. The design language is minimalist yet authoritative, employing a monochromatic base with strategic pops of vibrant pink to guide user attention. The use of geometric abstractions and a clean, structured layout communicates a sense of modern professionalism and technical mastery, perfectly resonating with an audience of ambitious design professionals.",{"id":748,"website_id":749,"page_id":748,"name":750,"slug":751,"url":752,"website_name":750,"website_slug":751,"website_url":753,"result_url":752,"fetched_at":754,"score":755,"score_boost":345,"ai_score":484,"freshness_score":108,"scored_at":756,"page_name":40,"page_url":752,"page_title":757,"page_description":758,"page_content":759,"page_sort":345,"is_home":351,"is_home_rank":352,"page_type_id":353,"page_type_name":47,"cover":760,"cover_mobile":763,"cover_sequence":765,"translations":856,"industry":21,"styles":859,"credits":860,"font_families":861,"technologies":862,"pagespeed":863,"pagespeed_mobile":868,"buckets":873,"search_payload":874},"34c5da21-f7b6-42c9-9dd1-2d41e56220bf","f546bad7-5822-48b4-bcd2-b1515e3bb618","Atomizedesign","atomizedesign","https:\u002F\u002Fatomizedesign.com\u002F","https:\u002F\u002Fatomizedesign.com","2026-05-04T08:11:55.000Z",84,"2026-05-23T19:26:31.000Z","Atomize Design System","Atomize Design System is an advanced UI design framework for Figma, built to help designers create visually consistent, high-quality user interfaces for the web.","[ Features ](.\u002F#features) [ Examples ](.\u002F#themes) [ Pricing ](.\u002F#pricing) [ Affiliate Program ](.\u002F#affiliates) [ Preview ](https:\u002F\u002Fbit.ly\u002Fatomize_preview) [ Get it now! ](.\u002F#pricing) 🎉 Atomize V3.0 is now available The most advanced Design System for Figma Pixel-perfect UI components and multi-brand theme support. [ Preview in Figma ](https:\u002F\u002Fbit.ly\u002Fatomize_preview) [ Get it now! ](.\u002F#pricing) Atomize empowers 🧑🏻‍🎤 designers , 🏄 freelancers, and 👔 agencies to craft modern, consistent, and visually appealing user interfaces and websites, while eliminating tedious tasks. 1500+ Components and Variants Buttons, Inputs, Dropdowns, Navigations, Web3, and more - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 4pt grid system For size and spacing Design Tokens Fully tokenized with variables font.display\\_weight.semibold theme.surface.primary\\_med\\_em Enable Dark Mode or work with multiple themes Simplified Maintenance Easily customize colors and fonts 🌈 Multiple theme support Switch between multiple themes and modes instantly - - - - - - - - - - - - Used by over 12,000 designers and teams from companies like Blurb, Thoughtworks, Latch, and more. 🤝 Affordable Pricing Choose what works for you We have something for everyone! 🏄‍♂️ Plus For Beginners and Students Free 1500+ Components Figma Variables • Limited Dark Mode Example Screens Additional Components Web3 Components Brand Deck FREE future updates [ Get it FREE ](https:\u002F\u002Fatomize.lemonsqueezy.com\u002Fbuy\u002F172c7e03-d8c7-4fbe-9c6e-c0fad782b2de) 🦄 Pro For Design Professionals and Teams $79 \u002F one-time payment 1500+ Components Figma Variables Dark Mode Example Screens Additional Components Web3 Components Brand Deck FREE future updates Get 50% OFF Copy discount code Copy discount code Copied! 🥳 [ Buy now ](https:\u002F\u002Fatomize.lemonsqueezy.com\u002Fbuy\u002Fce834e05-fc54-4f3c-8471-7178bf95182f) 👨‍🎤 Custom Design System $2499 Everything in Pro + Brand Integration Custom Design Tokens Style Guide Product specific components Delivery time could be 7-10 working days. [ Get in touch! ](mailto:contact@atomizedesign.com) #1 Product of the day on PH Project by — Akash Tyagi Atomize Design System empowers designers to create better interfaces, faster and smarter. [ Support and Feedback contact@atomizedesign.com ](mailto:contact@atomizedesign.com)[ Follow us for Product updates, discounts, and announcements. ](https:\u002F\u002Fx.com\u002Fatomize_design) Earn 50% recurring commissions by joining our Affiliate Program! Become an Atomize affiliate and earn up to $39 for each Atomize PRO referral you make. [ Apply now ](https:\u002F\u002Fatomize.lemonsqueezy.com\u002Faffiliates) [ Love the design? Atomize is built by Heeko, a product design studio for modern digital products. See our work ↗️ ](https:\u002F\u002FHeeko.com) Copyright © Atomize Design 2017 - 2026",{"id":761,"height":13,"width":12,"blurhash":762},"6017eddb-1779-43a4-87a4-2cdaa6f4a455","radial-gradient(at 0 0,#fffff9,#00000000 50%),radial-gradient(at 33% 0,#f4f5f5,#00000000 50%),radial-gradient(at 67% 0,#e8e9f0,#00000000 50%),radial-gradient(at 100% 0,#f7f5f5,#00000000 50%),radial-gradient(at 0 50%,#ffffff,#00000000 50%),radial-gradient(at 33% 50%,#ffffff,#00000000 50%),radial-gradient(at 67% 50%,#eeedf4,#00000000 50%),radial-gradient(at 100% 50%,#fdfefe,#00000000 50%),radial-gradient(at 0 100%,#d8d8d0,#00000000 50%),radial-gradient(at 33% 100%,#bfbfbf,#00000000 50%),radial-gradient(at 67% 100%,#a5a2ac,#00000000 50%),radial-gradient(at 100% 100%,#c1bfbf,#00000000 50%)",{"id":764,"height":15,"width":14,"blurhash":54},"c96272c7-678d-4509-82d7-ef64bb1ecd0d",[766,769,772,775,778,781,784,787,790,793,796,799,802,805,808,811,814,817,820,823,826,829,832,835,838,841,844,847,850,853],{"directus_files_id":767},{"id":768},"4fd2ccb4-ee14-4991-a0e0-245778fddc5a",{"directus_files_id":770},{"id":771},"40a9df40-b4a5-4033-a2ea-6ad17119b5f3",{"directus_files_id":773},{"id":774},"21d3040e-b8f6-4c1b-8086-01c570a941b0",{"directus_files_id":776},{"id":777},"b0ad055a-ed9a-4a50-b876-9161c05f9181",{"directus_files_id":779},{"id":780},"0ff2e681-f91a-4249-ae2f-09bc1c2d8566",{"directus_files_id":782},{"id":783},"d231eb8e-ac23-4d97-a9bf-a30862d76ef0",{"directus_files_id":785},{"id":786},"3727fac6-3b60-4a93-8705-a9a8de4f10ae",{"directus_files_id":788},{"id":789},"124bd610-446a-4379-ba04-d4e3e6d3b175",{"directus_files_id":791},{"id":792},"a57fba1f-0bc7-49a8-bdda-c26615f53b47",{"directus_files_id":794},{"id":795},"b680136b-10d2-4428-8641-09dab667d105",{"directus_files_id":797},{"id":798},"dbf7c177-5edc-4b8a-a011-981df908e62f",{"directus_files_id":800},{"id":801},"61d7a5b9-25a6-4137-9c68-d06d3dc97f4d",{"directus_files_id":803},{"id":804},"ac7bbc59-8180-4868-94c3-cdc3b03cc4e8",{"directus_files_id":806},{"id":807},"a7ca9289-738b-440e-b64c-9739eff9fd22",{"directus_files_id":809},{"id":810},"9f1b3fe6-3585-4700-9d2d-15107cd3766e",{"directus_files_id":812},{"id":813},"44f49be0-c0c0-4df0-9811-6800038b44fa",{"directus_files_id":815},{"id":816},"69d0400a-44dc-4167-b484-087dd18bd994",{"directus_files_id":818},{"id":819},"69f51572-bcd0-4b0d-8c5d-1a71197945b6",{"directus_files_id":821},{"id":822},"430c92fa-c8c8-4e3b-a488-fcb6ec365205",{"directus_files_id":824},{"id":825},"3c8df42d-01fa-4d4c-9f66-761d786ff4f2",{"directus_files_id":827},{"id":828},"7e247f1d-3b45-4469-b9e5-d0687df51e64",{"directus_files_id":830},{"id":831},"b3f5c0db-5042-4ccc-8534-3222aed6c13e",{"directus_files_id":833},{"id":834},"876fef58-02b1-4d33-a101-1b7fd8d8b1f3",{"directus_files_id":836},{"id":837},"9bfc6f39-59bb-4778-a110-1f69303501bd",{"directus_files_id":839},{"id":840},"0e742240-9c65-46ae-b108-51c0e53775c2",{"directus_files_id":842},{"id":843},"c004e778-40d2-440a-9854-e6b684b8c149",{"directus_files_id":845},{"id":846},"29a48bfd-ed09-4a86-9614-fabfa93abca8",{"directus_files_id":848},{"id":849},"f98a55a3-7e63-4b43-aa74-af810fe630c3",{"directus_files_id":851},{"id":852},"eddc11ef-5723-4b65-831e-fe6188306413",{"directus_files_id":854},{"id":855},"56b6f996-cb51-407d-9da3-efdb6733f505",[857],{"languages_code":452,"description":858},"Atomize Design System is a premium digital product designed to empower UI\u002FUX designers with a robust, scalable framework within Figma. The platform serves as a high-performance toolkit, offering pixel-perfect components and sophisticated multi-brand theme support to streamline the transition from design to development. It is clearly aimed at professional product designers and design teams looking to elevate their workflow and maintain rigorous visual consistency across complex web applications.\n\nThe visual identity is defined by a sophisticated, high-tech aesthetic that leans heavily into modern software design trends. Utilizing a clean, minimalist layout with a focus on high-contrast typography and dark-mode UI previews, the site communicates authority and technical precision. The use of soft shadows, rounded corners, and subtle depth in the component showcases creates a sense of polished, premium quality that mirrors the very product it is selling.",[30,251,34],[],[52,596],[68,90],[864,865,866,867],{"score":195,"category":94},{"score":209,"category":97},{"score":103,"category":99},{"score":103,"category":102},[869,870,871,872],{"score":154,"category":94},{"score":209,"category":97},{"score":103,"category":99},{"score":103,"category":102},[113,117,121,474],"Website: Atomizedesign. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Atomize Design System. Page description: Atomize Design System is an advanced UI design framework for Figma, built to help designers create visually consistent, high-quality user interfaces for the web.. Page content: [ Features ](.\u002F#features) [ Examples ](.\u002F#themes) [ Pricing ](.\u002F#pricing) [ Affiliate Program ](.\u002F#affiliates) [ Preview ](https:\u002F\u002Fbit.ly\u002Fatomize_preview) [ Get it now! ](.\u002F#pricing) 🎉 Atomize V3.0 is now available The most advanced Design System for Figma Pixel-perfect UI components and multi-brand theme support. [ Preview in Figma ](https:\u002F\u002Fbit.ly\u002Fatomize_preview) [ Get it now! ](.\u002F#pricing) Atomize empowers 🧑🏻‍🎤 designers , 🏄 freelancers, and 👔 agencies to craft modern, consistent, and visually appealing user interfaces and websites, while eliminating tedious tasks. 1500+ Components and Variants Buttons, Inputs, Dropdowns, Navigations, Web3, and more - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 4pt grid system For size and spacing Design Tokens Fully tokenized with variables font.display\\_weight.semibold theme.surface.primary\\_med\\_em Enable Dark Mode or work with multiple themes Simplified Maintenance Easily customize colors and fonts 🌈 Multiple theme support Switch between multiple themes and modes instantly - - - - - - - - - - - - Used by over 12,000 designers and teams from companies like Blurb, Thoughtworks, Latch, and more. 🤝 Affordable Pricing Choose what works for you We have something for everyone! 🏄‍♂️ Plus For Beginners and Students Free 1500+ Components Figma Variables • Limited Dark Mode Example Screens Additional Components Web3 Components Brand Deck FREE future updates [ Get it FREE ](https:\u002F\u002Fatomize.lemonsqueezy.com\u002Fbuy\u002F172c7e03-d8c7-4fbe-9c6e-c0fad782b2de) 🦄 Pro For Design Professionals and Teams $79 \u002F one-time payment 1500+ Components Figma Variables Dark Mode Example Screens Additional Components Web3 Components Brand Deck FREE future updates Get 50% OFF Copy discount code Copy discount code Copied! 🥳 [ Buy now ](https:\u002F\u002Fatomize.lemonsqueezy.com\u002Fbuy\u002Fce834e05-fc54-4f3c-8471-7178bf95182f) 👨‍🎤 Custom Design System $2499 Everything in Pro + Brand Integration Custom Design Tokens Style Guide Product specific components Delivery time could be 7-10 working days. [ Get in touch! ](mailto:contact@atomizedesign.com) #1 Product of the day on PH Project by — Akash Tyagi Atomize Design System empowers designers to create better interfaces, faster and smarter. [ Support and Feedback contact@atomizedesign.com ](mailto:contact@atomizedesign.com)[ Follow us for Product updates, discounts, and announcements. ](https:\u002F\u002Fx.com\u002Fatomize_design) Earn 50% recurring commissions by joining our Affiliate Program! Become an Atomize affiliate and earn up to $39 for each Atomize PRO referral you make. [ Apply now ](https:\u002F\u002Fatomize.lemonsqueezy.com\u002Faffiliates) [ Love the design? Atomize is built by Heeko, a product design studio for modern digital products. See our work ↗️ ](https:\u002F\u002FHeeko.com) Copyright © Atomize Design 2017 - 2026. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the SaaS & Software industry. The overall color palette features White, Black, Gray, Violet. The typography features Inter (Sans Serif), JetBrains Mono (Sans Serif). Built using Framer Sites, React. AI description: Atomize Design System is a premium digital product designed to empower UI\u002FUX designers with a robust, scalable framework within Figma. The platform serves as a high-performance toolkit, offering pixel-perfect components and sophisticated multi-brand theme support to streamline the transition from design to development. It is clearly aimed at professional product designers and design teams looking to elevate their workflow and maintain rigorous visual consistency across complex web applications. The visual identity is defined by a sophisticated, high-tech aesthetic that leans heavily into modern software design trends. Utilizing a clean, minimalist layout with a focus on high-contrast typography and dark-mode UI previews, the site communicates authority and technical precision. The use of soft shadows, rounded corners, and subtle depth in the component showcases creates a sense of polished, premium quality that mirrors the very product it is selling."]