[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-atomizedesign":3,"facets-baseline-false":138,"facets-{\"includeAuthors\":\"false\"}":316,"similar-websites-atomizedesign":330},{"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":36,"pages":37,"typefaces":49,"technologiesByCategory":57,"pagespeedDesktop":84,"pagespeedMobile":96,"performanceDesktop":87,"performanceMobile":98,"colorBuckets":102,"colorPalette":119},"f546bad7-5822-48b4-bcd2-b1515e3bb618","Atomizedesign","atomizedesign","https:\u002F\u002Fatomizedesign.com","2026-05-23T19:26:31.000Z","2026-05-04T08:11:55.000Z","6017eddb-1779-43a4-87a4-2cdaa6f4a455","c96272c7-678d-4509-82d7-ef64bb1ecd0d",1440,900,780,1688,"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.",{"title":18,"meta_description":19},"Atomize Design System | Advanced Figma UI Framework","Elevate your workflow with Atomize, the most advanced design system for Figma. Get pixel-perfect UI components and multi-brand theme support.",{"name":21,"label":22,"slug":23},"SaaS & Software","Software","software",[25,28,32],{"name":26,"label":26,"slug":27},"Dark Mode","dark-mode",{"name":29,"label":30,"slug":31},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":33,"label":34,"slug":35},"Typographic \u002F Big Type","Typographic","typographic",[],[38],{"name":39,"title":40,"description":41,"url":42,"coverId":10,"coverMobileId":11,"alt":43,"altMobile":44,"pageType":45},"Homepage","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.","https:\u002F\u002Fatomizedesign.com\u002F","The desktop homepage features a clean, minimalist white background with a centered hero section. It displays the headline 'The most advanced Design System for Figma' above two primary buttons: a light 'Preview in Figma' button and a dark 'Get it now!' button, positioned above a large, high-fidelity UI mockup showing various design components. A navigation bar at the top includes links for Features, Examples, Pricing, and Affiliate Program, alongside a 'Preview' button.","The mobile version maintains the minimalist white aesthetic but uses a stacked vertical layout. The navigation bar is condensed into a hamburger menu icon, and the hero text, buttons, and UI mockup are scaled down and centered to fit the narrow viewport, ensuring readability and easy touch interaction.",{"name":46,"label":47,"slug":48},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[50,54],{"name":51,"label":51,"slug":52,"foundryName":53},"Inter","inter",null,{"name":55,"label":55,"slug":56,"foundryName":53},"JetBrains Mono","jetbrains-mono",{"CMS":58,"Page builders":62,"Analytics":64,"Security":68,"Miscellaneous":72,"CDN":76,"JavaScript frameworks":80},[59],{"name":60,"label":60,"slug":61},"Framer Sites","framer-sites",[63],{"name":60,"label":60,"slug":61},[65],{"name":66,"label":66,"slug":67},"Google Analytics","google-analytics",[69],{"name":70,"label":70,"slug":71},"HSTS","hsts",[73],{"name":74,"label":74,"slug":75},"HTTP\u002F3","http3",[77],{"name":78,"label":78,"slug":79},"jsDelivr","jsdelivr",[81],{"name":82,"label":82,"slug":83},"React","react",[85,88,91,94],{"category":86,"score":87},"performance",95,{"category":89,"score":90},"accessibility",88,{"category":92,"score":93},"best-practices",100,{"category":95,"score":93},"seo",[97,99,100,101],{"category":86,"score":98},76,{"category":89,"score":90},{"category":92,"score":93},{"category":95,"score":93},[103,107,111,115],{"value":104,"label":105,"hex":106},"white","White","#ffffff",{"value":108,"label":109,"hex":110},"black","Black","#000000",{"value":112,"label":113,"hex":114},"gray","Gray","#737373",{"value":116,"label":117,"hex":118},"violet","Violet","#8d51ff",[120,123,126,129,132,135],{"hex":121,"percent":122},"#FEFEFE",0.6611,{"hex":124,"percent":125},"#1E1E1E",0.2816,{"hex":127,"percent":128},"#454747",0.0199,{"hex":130,"percent":131},"#799AC2",0.0176,{"hex":133,"percent":134},"#8F9160",0.0157,{"hex":136,"percent":137},"#EF5AE0",0.0041,{"facetDistribution":139,"facetLabels":223},{"industry":140,"styles":159,"technologies":174,"font_families":199,"page_type_name":212},{"Agency & Studio":141,"Art & Culture":142,"SaaS & Software":143,"Fashion & Apparel":144,"Architecture & Real Estate":145,"Entertainment & Media":146,"Food & Beverage":147,"Photography & Video":148,"Finance & Fintech":98,"Healthcare & Wellness":149,"Technology & Hardware":150,"Industrial & Manufacturing":151,"Beauty & Cosmetics":152,"Travel & Hospitality":153,"Non-Profit & Charity":154,"Education & Courses":155,"Crypto & Web3":156,"Sports & Fitness":157,"Automotive & Transportation":158},716,296,210,167,163,138,125,120,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":160,"Typographic \u002F Big Type":161,"High-End \u002F Luxury":162,"Dark Mode":163,"Vibrant \u002F Colorful":164,"Monochrome \u002F Grayscale":165,"Fun \u002F Playful":166,"Brutalist \u002F Neo-Brutalist":167,"Corporate \u002F Professional":168,"Illustrative \u002F Hand-drawn":169,"Futuristic \u002F Sci-Fi":170,"3D \u002F Spatial":171,"Retro \u002F Vintage \u002F Y2K":172,"Glassmorphism":173,"Bento Grid":173},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":175,"PHP":176,"WordPress":177,"Node.js":178,"React":179,"Vercel":180,"Vue.js":181,"Shopify":182,"Next.js":183,"Klaviyo":184,"Nuxt.js":185,"Typekit":186,"Amazon Web Services":187,"reCAPTCHA":188,"YouTube":87,"MailChimp":189,"Modernizr":190,"Bootstrap":191,"Slick":192,"Google Font API":193,"Craft CMS":194,"Framer Sites":195,"Contact Form 7":196,"Stimulus":197,"Google Maps":198},875,629,504,320,311,262,207,196,161,149,147,141,129,117,92,91,85,82,79,66,65,64,59,58,{"Inter":200,"Times New Roman":201,"Roboto":202,"Open Sans":203,"Neue Haas Grotesk":203,"Suisse Intl":90,"Arial":170,"Poppins":194,"Helvetica Neue":196,"Montserrat":204,"Diatype":171,"Neue Montreal":150,"Lato":151,"Graphik":205,"Source Sans":206,"Monument Grotesk":207,"Noto Sans":208,"Helvetica":209,"Söhne":210,"DM Sans":210,"Founders Grotesk":210,"GT America":211,"Google Sans":211,"Editorial":172,"IBM Plex Mono":155},315,168,127,90,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":213,"About Us \u002F Team":214,"Projects \u002F Portfolio":215,"Contact Us":216,"Blog \u002F Article Layout":217,"Services \u002F Features":218,"Shop \u002F Catalog":219,"Careers \u002F Jobs":220,"Pricing Page":149,"Sign Up \u002F Login":221,"404 Error Page":222},2401,774,527,418,378,341,299,89,27,9,{"industry":224,"styles":243,"page_type_name":256,"technologies":267,"font_families":291},{"Agency & Studio":225,"Art & Culture":226,"SaaS & Software":22,"Fashion & Apparel":227,"Architecture & Real Estate":228,"Entertainment & Media":229,"Food & Beverage":230,"Photography & Video":231,"Finance & Fintech":232,"Healthcare & Wellness":233,"Technology & Hardware":234,"Industrial & Manufacturing":235,"Beauty & Cosmetics":236,"Travel & Hospitality":237,"Non-Profit & Charity":238,"Education & Courses":239,"Crypto & Web3":240,"Sports & Fitness":241,"Automotive & Transportation":242},"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":30,"Typographic \u002F Big Type":34,"High-End \u002F Luxury":244,"Dark Mode":26,"Vibrant \u002F Colorful":245,"Monochrome \u002F Grayscale":246,"Fun \u002F Playful":247,"Brutalist \u002F Neo-Brutalist":248,"Corporate \u002F Professional":249,"Illustrative \u002F Hand-drawn":250,"Futuristic \u002F Sci-Fi":251,"3D \u002F Spatial":252,"Retro \u002F Vintage \u002F Y2K":253,"Glassmorphism":254,"Bento Grid":255},"Luxury","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":47,"About Us \u002F Team":257,"Projects \u002F Portfolio":258,"Contact Us":259,"Blog \u002F Article Layout":260,"Services \u002F Features":261,"Shop \u002F Catalog":262,"Careers \u002F Jobs":263,"Pricing Page":264,"Sign Up \u002F Login":265,"404 Error Page":266},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":268,"PHP":269,"WordPress":270,"Node.js":271,"React":82,"Vercel":272,"Vue.js":273,"Shopify":274,"Next.js":275,"Klaviyo":276,"Nuxt.js":277,"Typekit":278,"Amazon Web Services":279,"reCAPTCHA":280,"YouTube":281,"MailChimp":282,"Modernizr":283,"Bootstrap":284,"Slick":285,"Google Font API":286,"Craft CMS":287,"Framer Sites":60,"Contact Form 7":288,"Stimulus":289,"Google Maps":290},"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":51,"Times New Roman":292,"Roboto":293,"Open Sans":294,"Neue Haas Grotesk":295,"Suisse Intl":296,"Arial":297,"Poppins":298,"Helvetica Neue":299,"Montserrat":300,"Diatype":301,"Neue Montreal":302,"Lato":303,"Graphik":304,"Source Sans":305,"Monument Grotesk":306,"Noto Sans":307,"Helvetica":308,"Söhne":309,"DM Sans":310,"Founders Grotesk":311,"GT America":312,"Google Sans":313,"Editorial":314,"IBM Plex Mono":315},"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","Noto Sans","Helvetica","Söhne","DM Sans","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":317,"facetLabels":324},{"industry":318,"styles":319,"technologies":320,"font_families":321,"page_type_name":322},{"Agency & Studio":141,"Art & Culture":142,"SaaS & Software":143,"Fashion & Apparel":144,"Architecture & Real Estate":145,"Entertainment & Media":146,"Food & Beverage":147,"Photography & Video":148,"Finance & Fintech":98,"Healthcare & Wellness":149,"Technology & Hardware":150,"Industrial & Manufacturing":151,"Beauty & Cosmetics":152,"Travel & Hospitality":153,"Non-Profit & Charity":154,"Education & Courses":155,"Crypto & Web3":156,"Sports & Fitness":157,"Automotive & Transportation":158},{"Clean \u002F Minimalist":160,"Typographic \u002F Big Type":161,"High-End \u002F Luxury":162,"Dark Mode":163,"Vibrant \u002F Colorful":164,"Monochrome \u002F Grayscale":165,"Fun \u002F Playful":166,"Brutalist \u002F Neo-Brutalist":167,"Corporate \u002F Professional":168,"Illustrative \u002F Hand-drawn":169,"Futuristic \u002F Sci-Fi":170,"3D \u002F Spatial":171,"Retro \u002F Vintage \u002F Y2K":172,"Glassmorphism":173,"Bento Grid":173},{"jQuery":175,"PHP":176,"WordPress":177,"Node.js":178,"React":179,"Vercel":180,"Vue.js":181,"Shopify":182,"Next.js":183,"Klaviyo":184,"Nuxt.js":185,"Typekit":186,"Amazon Web Services":187,"reCAPTCHA":188,"YouTube":87,"MailChimp":189,"Modernizr":190,"Bootstrap":191,"Slick":192,"Google Font API":193,"Craft CMS":194,"Framer Sites":195,"Contact Form 7":196,"Stimulus":197,"Google Maps":198},{"Inter":200,"Times New Roman":201,"Roboto":202,"Open Sans":203,"Neue Haas Grotesk":203,"Suisse Intl":90,"Arial":170,"Poppins":194,"Helvetica Neue":196,"Montserrat":204,"Diatype":171,"Neue Montreal":150,"Lato":151,"Graphik":205,"Source Sans":206,"Monument Grotesk":207,"Noto Sans":208,"Helvetica":209,"Söhne":210,"DM Sans":210,"Founders Grotesk":210,"GT America":211,"Google Sans":211,"Editorial":172,"IBM Plex Mono":155},{"Home \u002F Landing Page":323},2397,{"industry":325,"styles":326,"page_type_name":327,"technologies":328,"font_families":329},{"Agency & Studio":225,"Art & Culture":226,"SaaS & Software":22,"Fashion & Apparel":227,"Architecture & Real Estate":228,"Entertainment & Media":229,"Food & Beverage":230,"Photography & Video":231,"Finance & Fintech":232,"Healthcare & Wellness":233,"Technology & Hardware":234,"Industrial & Manufacturing":235,"Beauty & Cosmetics":236,"Travel & Hospitality":237,"Non-Profit & Charity":238,"Education & Courses":239,"Crypto & Web3":240,"Sports & Fitness":241,"Automotive & Transportation":242},{"Clean \u002F Minimalist":30,"Typographic \u002F Big Type":34,"High-End \u002F Luxury":244,"Dark Mode":26,"Vibrant \u002F Colorful":245,"Monochrome \u002F Grayscale":246,"Fun \u002F Playful":247,"Brutalist \u002F Neo-Brutalist":248,"Corporate \u002F Professional":249,"Illustrative \u002F Hand-drawn":250,"Futuristic \u002F Sci-Fi":251,"3D \u002F Spatial":252,"Retro \u002F Vintage \u002F Y2K":253,"Glassmorphism":254,"Bento Grid":255},{"Home \u002F Landing Page":47},{"jQuery":268,"PHP":269,"WordPress":270,"Node.js":271,"React":82,"Vercel":272,"Vue.js":273,"Shopify":274,"Next.js":275,"Klaviyo":276,"Nuxt.js":277,"Typekit":278,"Amazon Web Services":279,"reCAPTCHA":280,"YouTube":281,"MailChimp":282,"Modernizr":283,"Bootstrap":284,"Slick":285,"Google Font API":286,"Craft CMS":287,"Framer Sites":60,"Contact Form 7":288,"Stimulus":289,"Google Maps":290},{"Inter":51,"Times New Roman":292,"Roboto":293,"Open Sans":294,"Neue Haas Grotesk":295,"Suisse Intl":296,"Arial":297,"Poppins":298,"Helvetica Neue":299,"Montserrat":300,"Diatype":301,"Neue Montreal":302,"Lato":303,"Graphik":304,"Source Sans":305,"Monument Grotesk":306,"Noto Sans":307,"Helvetica":308,"Söhne":309,"DM Sans":310,"Founders Grotesk":311,"GT America":312,"Google Sans":313,"Editorial":314,"IBM Plex Mono":315},{"hits":331},[332,470,603,734],{"id":333,"website_id":334,"page_id":333,"name":335,"slug":336,"url":337,"website_name":335,"website_slug":336,"website_url":338,"result_url":337,"fetched_at":339,"score":192,"score_boost":340,"ai_score":341,"freshness_score":342,"scored_at":343,"page_name":39,"page_url":337,"page_title":344,"page_description":345,"page_content":346,"page_sort":340,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":46,"cover":350,"cover_mobile":353,"cover_sequence":355,"translations":446,"industry":21,"styles":450,"credits":452,"font_families":453,"technologies":455,"pagespeed":457,"pagespeed_mobile":462,"buckets":468,"search_payload":469},"1542d9d1-c5ed-4954-bb51-4c18f22e481f","f968dc9e-65b7-4afd-b520-151f5990d97f","Blank Design","blank-design","https:\u002F\u002Fuseblank.design\u002F","https:\u002F\u002Fuseblank.design","2026-05-04T00:05:47.000Z",0,84,74,"2026-05-23T19:25:53.000Z","Blank: Figma UI kit and Design system","The fastest Figma UI kit and Design system for your projects.","[ Blank 2.7 ](.\u002F) [ Products ](.\u002Fpreview-hero) [ Figma ](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F61s7Q6ACR52nUrAN09Kkyl\u002FBlank-v.2.7-%7C-Preview?m=auto&t=i3RNH5KHRkwW8B4F-1) [ Framer ](https:\u002F\u002Fuseblank.design\u002Fpreview-hero) [ Webflow ](.\u002Fpreview-hero) [ Get Blank ](.\u002F#pricing) The Fastest UI Kit & Design System for Your Projects Create beautiful, high-performance websites faster than ever before, with seamless workflows for Webflow, Framer, and Figma. [ Get Blank ](.\u002F#pricing) [ Preview in Figma ](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F61s7Q6ACR52nUrAN09Kkyl\u002FBlank-v.2.7-%7C-Preview?m=auto&t=i3RNH5KHRkwW8B4F-1) Join 1,000+ designers from around the world Effortless Design and Development with Webflow Leverage the power of Webflow to build fully-responsive, visually stunning websites without writing a single line of code. Our UI Kit is fully optimized for Webflow, enabling designers and developers to create seamless websites with pixel-perfect precision. [ Try for free ](https:\u002F\u002Fapp.useblank.design) Responsive out of the box Every component in the UI kit is designed to look amazing on any device, saving you time on adjustments. Drag-and-drop simplicity Customize your website’s layout with ease, thanks to Webflow’s intuitive visual builder. No-code power Forget about complex coding—focus on design and get a professional-grade website live faster. Work with components becomes easy and amusing Stop wasting valuable time rebuilding similar UI components for each new project. Get a complete set equipped with all the necessary stuff for your next design masterwork. Production-Ready Websites in Framer Bring your ideas to life with Framer’s powerful design-to-development workflow. Blank’s Framer version offers a complete set of building blocks that enable you to go from concept to live websites in just minutes. [ Explore sections ](.\u002Fpreview-hero) Design-to-code efficiency Create fluid designs and see them come to life instantly, no handoffs required. Prebuilt Sections No need to start from scratch—just drag, drop, and modify. No-code power Use components and interactions to add depth and functionality to your designs. Save Time and Boost Productivity Elevate your design prowess with ultimate design system - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [ Regular Updates ](.\u002F#:ZWIlV8LPp) Empowering Product Design with UI Components Crafted for pixel-perfection, effortlessly customizable, and constructed with the latest Figma features. Extensive Component Library A variety of components that respond to your requests, simplifying the process of use. Full customization Clear properties Handy Auto Layout Thoughtful structure [ Explore components ](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F61s7Q6ACR52nUrAN09Kkyl\u002FBlank-v.2.7-%7C-Preview?m=auto&t=i3RNH5KHRkwW8B4F-1) Tokens and Variables Optimize your workflow and maintain design consistency by incorporating color tokens into variables. Over 600 variables Variety of color tokens Easy adjustment Assured unity of the result [ Explore components ](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F61s7Q6ACR52nUrAN09Kkyl\u002FBlank-v.2.7-%7C-Preview?m=auto&t=i3RNH5KHRkwW8B4F-1) Ready-to-use Layouts Crafted to save you time and effort, they provide handy solution for design without starting from scratch. 150+ Layouts Easy to customize Adaptive Layouts Best to start with [ Explore components ](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F61s7Q6ACR52nUrAN09Kkyl\u002FBlank-v.2.7-%7C-Preview?m=auto&t=i3RNH5KHRkwW8B4F-1) Empower Your Brand: Customize, Switch, Excel! Effortlessly tailor the design system to align with your brand by adjusting typography, colors, and styles. Seamlessly toggle between light and dark modes Dark mode is fluently incorporated, and toggling between dark and light modes is a easy through Figma variables. 2500+ Open Source icons Over 2500 vector Remix Icons in both outline and solid styles are used in Blank and are free for commercial use. Customizable Text Styles Effortlessly customize typography styles to achieve your desired look and align with your brand in a few clicks. Auto Layout Ensuring components are responsive and adapt well to different screen sizes or content variations. Desktop and Mobile Layouts Components and templates are responsive to any screen size and adjustable to desktop and mobile devices. Trusted by 1,000+ creatives Pay once, use forever in countless projects Personal Team Figma + Framer $ 89 .00 [ Get started ](https:\u002F\u002Fcraftwork.lemonsqueezy.com\u002Fbuy\u002Ff9950fde-30a4-46d1-b550-06860fa0bfea) Framer Sections Single user license Regular updates 3200+ components 300+ variable tokens Ready-to-use templates Desktop & Mobile layouts Figma + Webflow $ 89 .00 [ Get started ](https:\u002F\u002Fcraftwork.lemonsqueezy.com\u002Fbuy\u002Fd1c1ccde-344d-4dae-ab19-671b3c868cba) Webflow Sections Single user license Regular updates 3200+ components 300+ variable tokens Ready-to-use templates Desktop & Mobile layouts All Access $ 149 .00 [ Get started ](https:\u002F\u002Fcraftwork.lemonsqueezy.com\u002Fbuy\u002F600a99f5-ca6a-4e5c-89b2-84f8822be669) All in one Single user license Regular updates 3200+ components 300+ variable tokens Ready-to-use templates Desktop & Mobile layouts We offer a 30% discount for Students and Educators Contact us for more details Unlimited access to all design assets with total price of $14,082 from $99\u002Fmonth Membership opens access to the library with all design products featured on the website. Start subscription and use Craftwork superpowers to your advantage [ Explore Pro Access ](https:\u002F\u002Fcraftwork.design\u002Fpro) Blank 2.7 Blank Figma UI Kit Framer Library Webflow Library Products [Design sho …",true,1,"1",{"id":351,"height":13,"width":12,"blurhash":352},"7c8c9a37-c5d1-4331-9e68-1c203e561efd","radial-gradient(at 0 0,#fcffff,#00000000 50%),radial-gradient(at 33% 0,#f9fdff,#00000000 50%),radial-gradient(at 67% 0,#f6faff,#00000000 50%),radial-gradient(at 100% 0,#f6fbff,#00000000 50%),radial-gradient(at 0 50%,#f4fbff,#00000000 50%),radial-gradient(at 33% 50%,#e0e7ee,#00000000 50%),radial-gradient(at 67% 50%,#ced5d9,#00000000 50%),radial-gradient(at 100% 50%,#e1e9ee,#00000000 50%),radial-gradient(at 0 100%,#feffff,#00000000 50%),radial-gradient(at 33% 100%,#f3f8ff,#00000000 50%),radial-gradient(at 67% 100%,#e8eefa,#00000000 50%),radial-gradient(at 100% 100%,#f2f7ff,#00000000 50%)",{"id":354,"height":15,"width":14,"blurhash":53},"fddaad0b-c807-4cc5-b4df-25688b0b1254",[356,359,362,365,368,371,374,377,380,383,386,389,392,395,398,401,404,407,410,413,416,419,422,425,428,431,434,437,440,443],{"directus_files_id":357},{"id":358},"eae4ff2b-eccd-4261-9b6c-70e6649a35cf",{"directus_files_id":360},{"id":361},"e6cf5330-5085-46b4-979d-888f61feb102",{"directus_files_id":363},{"id":364},"cc169c85-b6b3-4313-b932-dd859990ece4",{"directus_files_id":366},{"id":367},"0ae2e709-c81e-44b0-a1fc-79f863b6aa46",{"directus_files_id":369},{"id":370},"0d383fc3-c3bf-4139-adec-365ca2baaadd",{"directus_files_id":372},{"id":373},"8fd820cb-8dca-4e2c-a385-e64d32f7efa3",{"directus_files_id":375},{"id":376},"d50fa2d7-b2a0-4970-834d-393e936158d0",{"directus_files_id":378},{"id":379},"24c73429-ba0e-452e-88bb-75eb5a11e419",{"directus_files_id":381},{"id":382},"14afd761-7745-4b27-9d08-c083bda8547e",{"directus_files_id":384},{"id":385},"abf4e422-9033-4263-a6ea-71188bc75eb6",{"directus_files_id":387},{"id":388},"22915dec-a937-48af-bf6f-10c0c916d763",{"directus_files_id":390},{"id":391},"afcd4c1e-9c77-41d0-9b81-95b8da6c204a",{"directus_files_id":393},{"id":394},"e85661e5-7c00-49b4-b23b-2ad39fa23b80",{"directus_files_id":396},{"id":397},"2e824caa-ba9c-4cf0-8513-bfa4ad984f88",{"directus_files_id":399},{"id":400},"c0e7a4db-9703-4d60-be96-4f7be6106b90",{"directus_files_id":402},{"id":403},"6e24db92-016e-4cce-9af1-d34612ca8a9e",{"directus_files_id":405},{"id":406},"d37aa8aa-b5e8-44cb-afb6-17401f6e9860",{"directus_files_id":408},{"id":409},"22356a68-3479-4b4c-9212-0ac1e16a40c6",{"directus_files_id":411},{"id":412},"98fe2ab5-41f7-4af9-980f-6fa12e955086",{"directus_files_id":414},{"id":415},"20e2a139-ee3d-4786-9a2f-3050bec511b6",{"directus_files_id":417},{"id":418},"e9dcd2c3-2a4c-42b2-8a23-a8172d25485d",{"directus_files_id":420},{"id":421},"3c1ffa15-8be2-483c-8317-fc210d6549d2",{"directus_files_id":423},{"id":424},"91b5ebcb-8b1e-4537-9bf3-ef7791abc5fe",{"directus_files_id":426},{"id":427},"4368116d-a137-48a8-82b3-47efde2e237f",{"directus_files_id":429},{"id":430},"3c8f3007-b703-427f-b6e9-575b585f892d",{"directus_files_id":432},{"id":433},"ae4c0221-3ac9-405e-a88b-688c06127a49",{"directus_files_id":435},{"id":436},"b003ebe0-f546-4673-9c17-ac33d403f80b",{"directus_files_id":438},{"id":439},"8fc05526-984a-421f-b6cf-308fb0e22508",{"directus_files_id":441},{"id":442},"e93f9727-7d07-4063-a909-c2edfafce0c0",{"directus_files_id":444},{"id":445},"915f1d5e-8bb7-440a-b315-8cd596dc8a03",[447],{"languages_code":448,"description":449},"en","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.",[29,451,33],"Corporate \u002F Professional",[],[454,51,51,307,307],"Roboto Mono",[456,60,82],"Crisp Live Chat",[458,459,460,461],{"score":193,"category":86},{"score":193,"category":89},{"score":189,"category":92},{"score":93,"category":95},[463,465,466,467],{"score":464,"category":86},61,{"score":342,"category":89},{"score":189,"category":92},{"score":93,"category":95},[104,108,112],"Website: Blank Design. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Blank: Figma UI kit and Design system. Page description: The fastest Figma UI kit and Design system for your projects.. Page content: [ Blank 2.7 ](.\u002F) [ Products ](.\u002Fpreview-hero) [ Figma ](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F61s7Q6ACR52nUrAN09Kkyl\u002FBlank-v.2.7-%7C-Preview?m=auto&t=i3RNH5KHRkwW8B4F-1) [ Framer ](https:\u002F\u002Fuseblank.design\u002Fpreview-hero) [ Webflow ](.\u002Fpreview-hero) [ Get Blank ](.\u002F#pricing) The Fastest UI Kit & Design System for Your Projects Create beautiful, high-performance websites faster than ever before, with seamless workflows for Webflow, Framer, and Figma. [ Get Blank ](.\u002F#pricing) [ Preview in Figma ](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F61s7Q6ACR52nUrAN09Kkyl\u002FBlank-v.2.7-%7C-Preview?m=auto&t=i3RNH5KHRkwW8B4F-1) Join 1,000+ designers from around the world Effortless Design and Development with Webflow Leverage the power of Webflow to build fully-responsive, visually stunning websites without writing a single line of code. Our UI Kit is fully optimized for Webflow, enabling designers and developers to create seamless websites with pixel-perfect precision. [ Try for free ](https:\u002F\u002Fapp.useblank.design) Responsive out of the box Every component in the UI kit is designed to look amazing on any device, saving you time on adjustments. Drag-and-drop simplicity Customize your website’s layout with ease, thanks to Webflow’s intuitive visual builder. No-code power Forget about complex coding—focus on design and get a professional-grade website live faster. Work with components becomes easy and amusing Stop wasting valuable time rebuilding similar UI components for each new project. Get a complete set equipped with all the necessary stuff for your next design masterwork. Production-Ready Websites in Framer Bring your ideas to life with Framer’s powerful design-to-development workflow. Blank’s Framer version offers a complete set of building blocks that enable you to go from concept to live websites in just minutes. [ Explore sections ](.\u002Fpreview-hero) Design-to-code efficiency Create fluid designs and see them come to life instantly, no handoffs required. Prebuilt Sections No need to start from scratch—just drag, drop, and modify. No-code power Use components and interactions to add depth and functionality to your designs. Save Time and Boost Productivity Elevate your design prowess with ultimate design system - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [ Regular Updates ](.\u002F#:ZWIlV8LPp) Empowering Product Design with UI Components Crafted for pixel-perfection, effortlessly customizable, and constructed with the latest Figma features. Extensive Component Library A variety of components that respond to your requests, simplifying the process of use. Full customization Clear properties Handy Auto Layout Thoughtful structure [ Explore components ](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F61s7Q6ACR52nUrAN09Kkyl\u002FBlank-v.2.7-%7C-Preview?m=auto&t=i3RNH5KHRkwW8B4F-1) Tokens and Variables Optimize your workflow and maintain design consistency by incorporating color tokens into variables. Over 600 variables Variety of color tokens Easy adjustment Assured unity of the result [ Explore components ](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F61s7Q6ACR52nUrAN09Kkyl\u002FBlank-v.2.7-%7C-Preview?m=auto&t=i3RNH5KHRkwW8B4F-1) Ready-to-use Layouts Crafted to save you time and effort, they provide handy solution for design without starting from scratch. 150+ Layouts Easy to customize Adaptive Layouts Best to start with [ Explore components ](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F61s7Q6ACR52nUrAN09Kkyl\u002FBlank-v.2.7-%7C-Preview?m=auto&t=i3RNH5KHRkwW8B4F-1) Empower Your Brand: Customize, Switch, Excel! Effortlessly tailor the design system to align with your brand by adjusting typography, colors, and styles. Seamlessly toggle between light and dark modes Dark mode is fluently incorporated, and toggling between dark and light modes is a easy through Figma variables. 2500+ Open Source icons Over 2500 vector Remix Icons in both outline and solid styles are used in Blank and are free for commercial use. Customizable Text Styles Effortlessly customize typography styles to achieve your desired look and align with your brand in a few clicks. Auto Layout Ensuring components are responsive and adapt well to different screen sizes or content variations. Desktop and Mobile Layouts Components and templates are responsive to any screen size and adjustable to desktop and mobile devices. Trusted by 1,000+ creatives Pay once, use forever in countless projects Personal Team Figma + Framer $ 89 .00 [ Get started ](https:\u002F\u002Fcraftwork.lemonsqueezy.com\u002Fbuy\u002Ff9950fde-30a4-46d1-b550-06860fa0bfea) Framer Sections Single user license Regular updates 3200+ components 300+ variable tokens Ready-to-use templates Desktop & Mobile layouts Figma + Webflow $ 89 .00 [ Get started ](https:\u002F\u002Fcraftwork.lemonsqueezy.com\u002Fbuy\u002Fd1c1ccde-344d-4dae-ab19-671b3c868cba) Webflow Sections Single user license Regular updates 3200+ components 300+ variable tokens Ready-to-use templates Desktop & Mobile layouts All Access $ 149 .00 [ Get started ](https:\u002F\u002Fcraftwork.lemonsqueezy.com\u002Fbuy\u002F600a99f5-ca6a-4e5c-89b2-84f8822be669) All in one Single user license Regular updates 3200+ components 300+ variable tokens Ready-to-use templates Desktop & Mobile layouts We offer a 30% discount for Students and Educators Contact us for more details Unlimited access to all design assets with total price of $14,082 from $99\u002Fmonth Membership opens access to the library with all design products featured on the website. Start subscription and use Craftwork superpowers to your advantage [ Explore Pro Access ](https:\u002F\u002Fcraftwork.design\u002Fpro) Blank 2.7 Blank Figma UI Kit Framer Library Webflow Library Products [Design sho …. A Clean \u002F Minimalist, Corporate \u002F Professional, Typographic \u002F Big Type website in the SaaS & Software industry. The overall color palette features White, Black, Gray. The typography features Roboto Mono (Sans Serif), Inter (Sans Serif), Inter (Sans Serif), Noto Sans (Sans Serif), Noto Sans (Sans Serif). Built using Crisp Live Chat, Framer Sites, React. AI description: 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. The 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.",{"id":471,"website_id":472,"page_id":471,"name":473,"slug":474,"url":475,"website_name":473,"website_slug":474,"website_url":476,"result_url":475,"fetched_at":477,"score":169,"score_boost":340,"ai_score":169,"freshness_score":478,"scored_at":479,"page_name":39,"page_url":475,"page_title":480,"page_description":481,"page_content":482,"page_sort":340,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":46,"cover":483,"cover_mobile":486,"cover_sequence":488,"translations":579,"industry":21,"styles":582,"credits":585,"font_families":586,"technologies":587,"pagespeed":588,"pagespeed_mobile":593,"buckets":599,"search_payload":602},"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",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 …",{"id":484,"height":13,"width":12,"blurhash":485},"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":487,"height":15,"width":14,"blurhash":53},"78a9e780-ea57-4cfe-9796-3f0a65b91872",[489,492,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],{"directus_files_id":490},{"id":491},"5018acd6-1ee4-4e4f-b3c7-cb44ca212a0a",{"directus_files_id":493},{"id":494},"89f93f06-79cb-47b0-88f7-c2860e3cf212",{"directus_files_id":496},{"id":497},"21c5ea2a-b8e5-429a-a4f9-1a0200c4fcef",{"directus_files_id":499},{"id":500},"0fa95eae-77a2-41af-a03e-453f5803fa38",{"directus_files_id":502},{"id":503},"20badf40-7416-473e-98b6-8bf0cc546227",{"directus_files_id":505},{"id":506},"abe2ddcd-c3ae-452a-afff-cdf398169891",{"directus_files_id":508},{"id":509},"a529f451-d810-4bd1-810b-3635a58e6d5e",{"directus_files_id":511},{"id":512},"14ce7505-bb31-4db0-bf55-90cdc922b3cc",{"directus_files_id":514},{"id":515},"5f4e200f-230b-4b5f-b3b4-bfc0a285ed27",{"directus_files_id":517},{"id":518},"15d3e330-6aaa-4287-b869-6dfd27e05143",{"directus_files_id":520},{"id":521},"e1acfb1c-8bc2-4529-b8ee-7d99bc6c18f9",{"directus_files_id":523},{"id":524},"6b8c6ae1-79ac-4b1c-a32b-1387e6979c99",{"directus_files_id":526},{"id":527},"1c515ade-35a9-4376-8ef0-fa3e0d20c09b",{"directus_files_id":529},{"id":530},"07961c77-7795-4d4f-87ca-504e535ab539",{"directus_files_id":532},{"id":533},"407f8f22-037f-425e-b1ac-ca94812ef761",{"directus_files_id":535},{"id":536},"78e81c44-b4d7-437c-a138-ecd5c45b52cf",{"directus_files_id":538},{"id":539},"00b2c9b6-c506-43af-b038-7ba496e36b58",{"directus_files_id":541},{"id":542},"d5259046-529d-4ae1-84da-b8e210f59bef",{"directus_files_id":544},{"id":545},"e190224c-357d-4463-a621-8b4e855f1633",{"directus_files_id":547},{"id":548},"b3d24c9e-a49b-4c9c-9f63-ec73f02c74d5",{"directus_files_id":550},{"id":551},"0d8de4f0-9a82-45fa-b57b-6a81df4f8937",{"directus_files_id":553},{"id":554},"3df842c5-2a86-4b9a-bb07-ea4c2870ece0",{"directus_files_id":556},{"id":557},"c103265e-e6ae-4931-b36c-8f322280e6e6",{"directus_files_id":559},{"id":560},"d4d425df-ad27-4434-947b-6ff54dd18ca0",{"directus_files_id":562},{"id":563},"b399b940-3330-4839-b071-2850d0f183e5",{"directus_files_id":565},{"id":566},"5a3ce96e-3e3e-4455-94ab-b98bb6448b8a",{"directus_files_id":568},{"id":569},"41d0ccc0-ee5c-41ee-889c-375eaa3d04ee",{"directus_files_id":571},{"id":572},"c35d91e9-38ef-40c6-86c1-c31042e3a954",{"directus_files_id":574},{"id":575},"fd7f87e6-59bc-4672-a9d6-bb426a3bf1f9",{"directus_files_id":577},{"id":578},"2c541068-2d39-4c62-87f0-7384d7036257",[580],{"languages_code":448,"description":581},"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.",[29,583,584],"Fun \u002F Playful","Vibrant \u002F Colorful",[],[307,307],[456,272],[589,590,591,592],{"score":194,"category":86},{"score":90,"category":89},{"score":93,"category":92},{"score":93,"category":95},[594,596,597,598],{"score":595,"category":86},70,{"score":190,"category":89},{"score":93,"category":92},{"score":93,"category":95},[104,108,112,600,601,116],"pink","yellow","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":604,"website_id":605,"page_id":604,"name":606,"slug":607,"url":608,"website_name":606,"website_slug":607,"website_url":609,"result_url":608,"fetched_at":610,"score":220,"score_boost":340,"ai_score":90,"freshness_score":611,"scored_at":612,"page_name":39,"page_url":608,"page_title":613,"page_description":614,"page_content":615,"page_sort":340,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":46,"cover":616,"cover_mobile":619,"cover_sequence":621,"translations":712,"industry":715,"styles":716,"credits":717,"font_families":718,"technologies":719,"pagespeed":720,"pagespeed_mobile":726,"buckets":731,"search_payload":733},"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":617,"height":13,"width":12,"blurhash":618},"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":620,"height":15,"width":14,"blurhash":53},"8c80eb63-6b94-41c4-929e-4097d99efd84",[622,625,628,631,634,637,640,643,646,649,652,655,658,661,664,667,670,673,676,679,682,685,688,691,694,697,700,703,706,709],{"directus_files_id":623},{"id":624},"52b82b78-a4c7-4b76-81fb-48849c8d8c8b",{"directus_files_id":626},{"id":627},"ed3f0dc8-b9d9-4237-856f-441be101d16e",{"directus_files_id":629},{"id":630},"75e94c38-b923-43a2-ab50-04ce2da57128",{"directus_files_id":632},{"id":633},"2b8b6fdb-fa18-44eb-b770-1b8e82e873ee",{"directus_files_id":635},{"id":636},"3ec0d7bc-001b-4ba3-b33d-2b7443c31185",{"directus_files_id":638},{"id":639},"ac405544-fd92-46c2-86c3-99109c8e0ae6",{"directus_files_id":641},{"id":642},"bb8592f5-3825-4f73-ad41-b2e97c714a11",{"directus_files_id":644},{"id":645},"384da9ff-7ba2-4a80-8c4d-26fa380eb320",{"directus_files_id":647},{"id":648},"6de031dd-193d-4607-94ab-6d3e1900890f",{"directus_files_id":650},{"id":651},"b88b9bc3-834b-4b86-9291-0696e975d319",{"directus_files_id":653},{"id":654},"1926742e-f679-47e3-8f8e-01ef89dd5dce",{"directus_files_id":656},{"id":657},"08d24769-fe24-4672-a273-09101defb724",{"directus_files_id":659},{"id":660},"bb686c58-6882-42f3-9178-7c2946c62d86",{"directus_files_id":662},{"id":663},"cc7ce8d5-2387-4f60-a12b-90de1ce801a9",{"directus_files_id":665},{"id":666},"9f40e16f-2705-49b0-b2d8-deb47d54d589",{"directus_files_id":668},{"id":669},"e1ec4a51-d81d-421d-a946-2da308d4c6a7",{"directus_files_id":671},{"id":672},"49d70787-08f0-40f5-96c1-3c50cdcd7e2b",{"directus_files_id":674},{"id":675},"d93e0a7f-7ff6-441b-b9da-23589e410595",{"directus_files_id":677},{"id":678},"af829a33-5928-4725-888b-838d0cc5c146",{"directus_files_id":680},{"id":681},"a496cbed-a7b9-46d7-8524-eff70701cfe3",{"directus_files_id":683},{"id":684},"c3aeba4b-8f16-4355-8ea0-92eb194af09c",{"directus_files_id":686},{"id":687},"e410152c-5b66-4d68-a225-764bebee36b0",{"directus_files_id":689},{"id":690},"b87a4194-edbb-4097-9bf9-1cb693790f9c",{"directus_files_id":692},{"id":693},"23d6cc03-e969-4657-9411-eb1d5445e7ce",{"directus_files_id":695},{"id":696},"565d4f42-4828-41cf-bdc7-25ede0f8b0df",{"directus_files_id":698},{"id":699},"3f09e95d-8528-4a4e-96d8-840450a7de72",{"directus_files_id":701},{"id":702},"05b268ea-59ba-4831-9bd7-bb15ea1ffea3",{"directus_files_id":704},{"id":705},"5e846108-4258-43e4-8df0-a878f602d0d9",{"directus_files_id":707},{"id":708},"96dba650-b655-4a00-8789-90d5e47ed05a",{"directus_files_id":710},{"id":711},"101d1eba-5ba1-45a2-9aab-ac507e35fcd8",[713],{"languages_code":448,"description":714},"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",[29,26,33],[],[309],[275,271,82,272],[721,722,724,725],{"score":93,"category":86},{"score":723,"category":89},99,{"score":93,"category":92},{"score":93,"category":95},[727,728,729,730],{"score":189,"category":86},{"score":723,"category":89},{"score":93,"category":92},{"score":93,"category":95},[108,104,112,732],"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":735,"website_id":736,"page_id":735,"name":737,"slug":738,"url":739,"website_name":737,"website_slug":738,"website_url":740,"result_url":739,"fetched_at":741,"score":193,"score_boost":340,"ai_score":742,"freshness_score":98,"scored_at":743,"page_name":39,"page_url":739,"page_title":744,"page_description":745,"page_content":746,"page_sort":340,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":46,"cover":747,"cover_mobile":750,"cover_sequence":752,"translations":828,"industry":21,"styles":831,"credits":832,"font_families":834,"technologies":835,"pagespeed":836,"pagespeed_mobile":842,"buckets":848,"search_payload":850},"8af36967-d43b-49c2-af2f-cd2efe409241","dad5697f-74f3-4344-a197-1096a3bda5b3","Prevue","prevue-dot-it","https:\u002F\u002Fprevue.it\u002F","https:\u002F\u002Fprevue.it","2026-05-05T15:24:54.000Z",78,"2026-05-23T19:09:33.000Z","Prevue. Easy design presentation for agencies.","Prevue is a tool for designers and digital agencies to give stunning design presentations, and get fast client feedback. Try it for free!","This website uses cookies to ensure you get the best experience on our website. Learn more Got it! - - Features - Pricing - Blog - Sign Up - Log In Give stunning design presentations with Prevue, and get fast client feedback. Try Prevue for FREE - - - - - - - - - ## Upload Drag & drop your work into your library — then view each image in stunning fullscreen, with fully editable styling - ## Organise Easily manage your inspiration and work-in-progress by dragging images into projects and sharable client groups - ## Share Say goodbye to sharing designs by email or PDF. Instead, gather your work into branded, secure and sharable projects - ## Get feedback Clients can easily add comments to projects, and add feedback directly to each image. Feedback all in one place Present in the browser From web design and UI, to illustration and branding — your work can look perfect in any browser. Control positioning, retina, colour and even auto-crop background images to make sure your designs look great every time. Start uploading images Your latest work Power to the project Share your work in beautiful, branded projects that look great everywhere — from MacBook’s to mobile and everywhere in-between. Your clients won't need an account or even a modern browser to view your work! Very purple Much colour Wow — Doge This bit is cool This one too Mmmm, purple! Start a conversation Clients can add comments to projects, reply to your notes, and even have discussion about parts of your design, simply by drawing and annotating a specific area. Finally, all your client and team feedback in one place! - ## It’s crazy fast Prevue has been built for speed. Everything from uploading images, to presenting your work is lightning fast - ## Secure We take the privacy and security of your work seriously. Password protect anything, all safe behind 256-bit SSL connection - ## Brandable Your agency logo appears wherever your work does, from projects to notification emails. Prevue is your own private app - ## Client-friendly Not all clients have the latest gear, which is why projects and images are optimised for all modern browsers and devices - ## Team features Invite anyone in your team to manage images and feedback in your library — or just see a real-time view of work in progress - ## Reliable Established for over a decade, Prevue has a rock solid track record of up-time. Your work is available any time you need it - ## Google Analytics In addition to built-in stats, integrate with your own Analytics account to get detailed information on viewing activity - ## No contracts There are no contracts, and no obligation to purchase. Try Prevue free for 7 days, then choose a simple monthly subscription Join over 20,000 of the world’s leading digital agencies and freelance designers who use Prevue to present their work. 1. Humaan 2. Huge 3. Vice 4. R\u002FGA Start a 7-day trial 100% Free. No credit card required ^ Back to Top Latest News Prevue Blog Check out our blog for the latest features, offers, news and updates. Loading the most recent article… 1. ##### Menu 2. Home 3. Pricing 4. Blog 5. Support 6. Terms 7. Privacy 8. Cookie Policy 9. © 2026 Made for designers, by designers. 1. ##### Social 2. AngelList 3. Press Kit 4. About",{"id":748,"height":13,"width":12,"blurhash":749},"f38cf035-4c2e-45c1-b45a-2d3307277591","radial-gradient(at 0 0,#767d79,#00000000 50%),radial-gradient(at 33% 0,#7b7c80,#00000000 50%),radial-gradient(at 67% 0,#7a7f86,#00000000 50%),radial-gradient(at 100% 0,#798183,#00000000 50%),radial-gradient(at 0 50%,#676c6b,#00000000 50%),radial-gradient(at 33% 50%,#767c7f,#00000000 50%),radial-gradient(at 67% 50%,#7a7f84,#00000000 50%),radial-gradient(at 100% 50%,#6b7072,#00000000 50%),radial-gradient(at 0 100%,#71787c,#00000000 50%),radial-gradient(at 33% 100%,#b8b5b7,#00000000 50%),radial-gradient(at 67% 100%,#dbdede,#00000000 50%),radial-gradient(at 100% 100%,#afb8b9,#00000000 50%)",{"id":751,"height":15,"width":14,"blurhash":53},"2793b6f7-c981-41b0-87ec-f039cdb95bcf",[753,756,759,762,765,768,771,774,777,780,783,786,789,792,795,798,801,804,807,810,813,816,819,822,825],{"directus_files_id":754},{"id":755},"f3455c64-0a57-4a42-b888-3e0c2e65cfa4",{"directus_files_id":757},{"id":758},"256c90c1-5cda-4b9a-8e37-ce5374afa62b",{"directus_files_id":760},{"id":761},"d1f3a456-14e0-4f31-9cde-1ca32b6fd610",{"directus_files_id":763},{"id":764},"6fe40f42-b5a6-46c6-8be8-fd91aafd7a76",{"directus_files_id":766},{"id":767},"4bd8805d-e3ae-4578-8154-132e19efb450",{"directus_files_id":769},{"id":770},"3c2fa80e-acb6-43ba-b951-cb13e3672112",{"directus_files_id":772},{"id":773},"ab73bdfd-d251-4945-9d85-fb38cc1069a2",{"directus_files_id":775},{"id":776},"c89fd0c3-f170-45e2-bee3-fc3f31290484",{"directus_files_id":778},{"id":779},"f4208122-8f81-43d0-a4dd-c765dcae48c2",{"directus_files_id":781},{"id":782},"ac8b0af7-c0dc-4f69-b448-ef5d8c4f3edb",{"directus_files_id":784},{"id":785},"dda2596d-9595-4e60-8dc9-3054e9b99957",{"directus_files_id":787},{"id":788},"38ec8458-8cfc-4b11-8c9d-8b5c0a76e50a",{"directus_files_id":790},{"id":791},"6d2e4b59-917a-431d-a0d3-6499be52fd9b",{"directus_files_id":793},{"id":794},"8ad28acb-392d-47fa-9897-6b679d93739a",{"directus_files_id":796},{"id":797},"67ba0ed4-317d-4ce5-b520-250016769760",{"directus_files_id":799},{"id":800},"1f580c87-dc47-4dc6-bbf0-a9be21ef9416",{"directus_files_id":802},{"id":803},"46980e67-79de-4aea-a113-d634a5e360df",{"directus_files_id":805},{"id":806},"742346c9-8170-4209-9bdd-e816ece91276",{"directus_files_id":808},{"id":809},"867d8e71-4f09-4ff2-880c-e5bec9b8ea58",{"directus_files_id":811},{"id":812},"c4facad0-86f0-4cf5-9792-c5c301a34625",{"directus_files_id":814},{"id":815},"2b0d7dc3-12ae-49e6-ab17-cdfa8d490b50",{"directus_files_id":817},{"id":818},"b30f5e4b-892b-491d-913c-e40de51ef37f",{"directus_files_id":820},{"id":821},"6d638dfe-fd9c-4116-b4a0-0da2510bd182",{"directus_files_id":823},{"id":824},"18614473-4a7a-413e-8fec-f3ef5f78be0e",{"directus_files_id":826},{"id":827},"550cb943-b5a0-42b9-beb3-d7355637d0ee",[829],{"languages_code":448,"description":830},"Prevue is a specialized presentation tool designed to bridge the gap between creative professionals and their clients. By transforming design assets into polished, interactive digital experiences, it allows agencies to showcase work across various devices while facilitating streamlined, real-time feedback loops. It moves beyond static PDFs to provide a dynamic, branded environment for design review.\n\nThe visual identity is sophisticated and modern, utilizing a deep dark mode palette that allows colorful design work to pop. The interface is characterized by clean typography, minimalist iconography, and a structured layout that emphasizes clarity and ease of use. It strikes a perfect balance between a professional SaaS product and a high-end creative tool, appealing directly to the aesthetic sensibilities of digital agencies and UI\u002FUX designers.",[29,26],[833],"Buzz Usborne",[299,303,293],[268,269],[837,838,840,841],{"score":723,"category":86},{"score":839,"category":89},81,{"score":93,"category":92},{"score":189,"category":95},[843,844,846,847],{"score":595,"category":86},{"score":845,"category":89},86,{"score":93,"category":92},{"score":93,"category":95},[104,108,849,601,112],"teal","Website: Prevue. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Prevue. Easy design presentation for agencies.. Page description: Prevue is a tool for designers and digital agencies to give stunning design presentations, and get fast client feedback. Try it for free!. Page content: This website uses cookies to ensure you get the best experience on our website. Learn more Got it! - - Features - Pricing - Blog - Sign Up - Log In Give stunning design presentations with Prevue, and get fast client feedback. Try Prevue for FREE - - - - - - - - - ## Upload Drag & drop your work into your library — then view each image in stunning fullscreen, with fully editable styling - ## Organise Easily manage your inspiration and work-in-progress by dragging images into projects and sharable client groups - ## Share Say goodbye to sharing designs by email or PDF. Instead, gather your work into branded, secure and sharable projects - ## Get feedback Clients can easily add comments to projects, and add feedback directly to each image. Feedback all in one place Present in the browser From web design and UI, to illustration and branding — your work can look perfect in any browser. Control positioning, retina, colour and even auto-crop background images to make sure your designs look great every time. Start uploading images Your latest work Power to the project Share your work in beautiful, branded projects that look great everywhere — from MacBook’s to mobile and everywhere in-between. Your clients won't need an account or even a modern browser to view your work! Very purple Much colour Wow — Doge This bit is cool This one too Mmmm, purple! Start a conversation Clients can add comments to projects, reply to your notes, and even have discussion about parts of your design, simply by drawing and annotating a specific area. Finally, all your client and team feedback in one place! - ## It’s crazy fast Prevue has been built for speed. Everything from uploading images, to presenting your work is lightning fast - ## Secure We take the privacy and security of your work seriously. Password protect anything, all safe behind 256-bit SSL connection - ## Brandable Your agency logo appears wherever your work does, from projects to notification emails. Prevue is your own private app - ## Client-friendly Not all clients have the latest gear, which is why projects and images are optimised for all modern browsers and devices - ## Team features Invite anyone in your team to manage images and feedback in your library — or just see a real-time view of work in progress - ## Reliable Established for over a decade, Prevue has a rock solid track record of up-time. Your work is available any time you need it - ## Google Analytics In addition to built-in stats, integrate with your own Analytics account to get detailed information on viewing activity - ## No contracts There are no contracts, and no obligation to purchase. Try Prevue free for 7 days, then choose a simple monthly subscription Join over 20,000 of the world’s leading digital agencies and freelance designers who use Prevue to present their work. 1. Humaan 2. Huge 3. Vice 4. R\u002FGA Start a 7-day trial 100% Free. No credit card required ^ Back to Top Latest News Prevue Blog Check out our blog for the latest features, offers, news and updates. Loading the most recent article… 1. ##### Menu 2. Home 3. Pricing 4. Blog 5. Support 6. Terms 7. Privacy 8. Cookie Policy 9. © 2026 Made for designers, by designers. 1. ##### Social 2. AngelList 3. Press Kit 4. About. A Clean \u002F Minimalist, Dark Mode website in the SaaS & Software industry. The overall color palette features White, Black, Teal, Yellow, Gray. The typography features Helvetica Neue (Sans Serif), Lato (Sans Serif), Roboto (Sans Serif). Built using jQuery, PHP. AI description: Prevue is a specialized presentation tool designed to bridge the gap between creative professionals and their clients. By transforming design assets into polished, interactive digital experiences, it allows agencies to showcase work across various devices while facilitating streamlined, real-time feedback loops. It moves beyond static PDFs to provide a dynamic, branded environment for design review. The visual identity is sophisticated and modern, utilizing a deep dark mode palette that allows colorful design work to pop. The interface is characterized by clean typography, minimalist iconography, and a structured layout that emphasizes clarity and ease of use. It strikes a perfect balance between a professional SaaS product and a high-end creative tool, appealing directly to the aesthetic sensibilities of digital agencies and UI\u002FUX designers."]