[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-fouroom":3,"facets-{\"includeAuthors\":\"false\"}":136,"facets-baseline-false":297,"similar-websites-fouroom":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":37,"pages":38,"typefaces":50,"technologiesByCategory":59,"pagespeedDesktop":86,"pagespeedMobile":98,"performanceDesktop":89,"performanceMobile":100,"colorBuckets":104,"colorPalette":117},"fd093b62-a5a5-413a-b3a8-8eb8a7ee8a69","Fouroom","fouroom","https:\u002F\u002Ffouroom.co","2026-05-23T19:10:12.000Z","2026-05-03T17:49:31.000Z","f893f7b2-abba-4802-9e53-6871550945fa","eb79fe23-c0b2-4153-bb91-04e9a619c333",1440,900,780,1688,"Fouroom is a high-end digital marketplace dedicated to providing premium Framer and Webflow templates, UI kits, and design resources. Aimed at professional designers, creative agencies, and tech entrepreneurs, the platform serves as a curated hub for high-quality web components that elevate digital presence through sophisticated layouts and motion-ready structures.\n\nThe visual identity is defined by a minimalist, high-fashion aesthetic that leans heavily into editorial design principles. Utilizing expansive white space, bold typographic hierarchies, and a restrained color palette, the site communicates a sense of luxury and professional authority. The interface is clean and distraction-free, allowing the high-fidelity product previews to act as the primary visual driver, appealing to an audience that values modern, cutting-edge web design.",{"title":18,"meta_description":19},"Fouroom | Premium Framer & Webflow Templates","Elevate your web projects with premium Framer and Webflow templates, UI kits, and design resources curated for modern creatives and agencies.",{"name":21,"label":22,"slug":23},"SaaS & Software","Software","software",[25,29,33],{"name":26,"label":27,"slug":28},"High-End \u002F Luxury","Luxury","luxury",{"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","Fouroom—Premium Framer and Webflow templates, UI kits and resources for creatives.","Discover the huge range of premium Webflow templates and Framer templates by Fouroom.  We've been creating quality templates for over 6 years.","https:\u002F\u002Ffouroom.co\u002F","The desktop homepage features a minimalist white background with large, dark text reading 'Premium Framer and Webflow templates.' Below the headline, a grid displays various template previews, including 'Norwalk,' 'Harrison,' and 'Jota Marques,' each with a large thumbnail image and pricing or description. The layout is spacious and clean, using a modern sans-serif typography.","The mobile version maintains the minimalist white aesthetic but uses a single-column vertical layout for the template grid. The headline text is centered and scaled for smaller screens, and the template preview cards, such as 'Norwalk,' occupy the full width of the screen to ensure readability.",{"name":47,"label":48,"slug":49},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[51,55],{"name":52,"label":52,"slug":53,"foundryName":54},"FT Aktual","ft-aktual","Formula Type",{"name":56,"label":56,"slug":57,"foundryName":58},"Inter","inter",null,{"CMS":60,"Page builders":64,"Analytics":66,"Security":70,"Miscellaneous":74,"CDN":78,"JavaScript frameworks":82},[61],{"name":62,"label":62,"slug":63},"Framer Sites","framer-sites",[65],{"name":62,"label":62,"slug":63},[67],{"name":68,"label":68,"slug":69},"Google Analytics","google-analytics",[71],{"name":72,"label":72,"slug":73},"HSTS","hsts",[75],{"name":76,"label":76,"slug":77},"HTTP\u002F3","http3",[79],{"name":80,"label":80,"slug":81},"jsDelivr","jsdelivr",[83],{"name":84,"label":84,"slug":85},"React","react",[87,90,93,96],{"category":88,"score":89},"performance",95,{"category":91,"score":92},"accessibility",81,{"category":94,"score":95},"best-practices",100,{"category":97,"score":95},"seo",[99,101,102,103],{"category":88,"score":100},72,{"category":91,"score":92},{"category":94,"score":95},{"category":97,"score":95},[105,109,113],{"value":106,"label":107,"hex":108},"white","White","#ffffff",{"value":110,"label":111,"hex":112},"black","Black","#000000",{"value":114,"label":115,"hex":116},"gray","Gray","#737373",[118,121,124,127,130,133],{"hex":119,"percent":120},"#FEFEFE",0.8237,{"hex":122,"percent":123},"#0E0E10",0.1221,{"hex":125,"percent":126},"#302D2C",0.0233,{"hex":128,"percent":129},"#E6E5E5",0.0163,{"hex":131,"percent":132},"#B0A8A1",0.0081,{"hex":134,"percent":135},"#8F685A",0.0065,{"facetDistribution":137,"facetLabels":214},{"industry":138,"styles":158,"technologies":173,"font_families":198,"page_type_name":212},{"Agency & Studio":139,"Art & Culture":140,"SaaS & Software":141,"Fashion & Apparel":142,"Architecture & Real Estate":143,"Entertainment & Media":144,"Food & Beverage":145,"Photography & Video":146,"Finance & Fintech":147,"Healthcare & Wellness":148,"Technology & Hardware":149,"Industrial & Manufacturing":150,"Beauty & Cosmetics":151,"Travel & Hospitality":152,"Non-Profit & Charity":153,"Education & Courses":154,"Crypto & Web3":155,"Sports & Fitness":156,"Automotive & Transportation":157},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":159,"Typographic \u002F Big Type":160,"High-End \u002F Luxury":161,"Dark Mode":162,"Vibrant \u002F Colorful":163,"Monochrome \u002F Grayscale":164,"Fun \u002F Playful":165,"Brutalist \u002F Neo-Brutalist":166,"Corporate \u002F Professional":167,"Illustrative \u002F Hand-drawn":168,"Futuristic \u002F Sci-Fi":169,"3D \u002F Spatial":170,"Retro \u002F Vintage \u002F Y2K":171,"Glassmorphism":172,"Bento Grid":172},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":174,"PHP":175,"WordPress":176,"Node.js":177,"React":178,"Vercel":179,"Vue.js":180,"Shopify":181,"Next.js":182,"Klaviyo":183,"Nuxt.js":184,"Typekit":185,"Amazon Web Services":186,"reCAPTCHA":187,"YouTube":89,"MailChimp":188,"Modernizr":189,"Bootstrap":190,"Slick":191,"Google Font API":192,"Craft CMS":193,"Framer Sites":194,"Contact Form 7":195,"Stimulus":196,"Google Maps":197},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":199,"Times New Roman":200,"Roboto":201,"Open Sans":202,"Neue Haas Grotesk":202,"Suisse Intl":203,"Arial":169,"Poppins":193,"Helvetica Neue":195,"Montserrat":204,"Diatype":170,"Neue Montreal":149,"Lato":150,"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":171,"IBM Plex Mono":154},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":213},2397,{"industry":215,"styles":234,"page_type_name":247,"technologies":248,"font_families":272},{"Agency & Studio":216,"Art & Culture":217,"SaaS & Software":22,"Fashion & Apparel":218,"Architecture & Real Estate":219,"Entertainment & Media":220,"Food & Beverage":221,"Photography & Video":222,"Finance & Fintech":223,"Healthcare & Wellness":224,"Technology & Hardware":225,"Industrial & Manufacturing":226,"Beauty & Cosmetics":227,"Travel & Hospitality":228,"Non-Profit & Charity":229,"Education & Courses":230,"Crypto & Web3":231,"Sports & Fitness":232,"Automotive & Transportation":233},"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":27,"Dark Mode":235,"Vibrant \u002F Colorful":236,"Monochrome \u002F Grayscale":237,"Fun \u002F Playful":238,"Brutalist \u002F Neo-Brutalist":239,"Corporate \u002F Professional":240,"Illustrative \u002F Hand-drawn":241,"Futuristic \u002F Sci-Fi":242,"3D \u002F Spatial":243,"Retro \u002F Vintage \u002F Y2K":244,"Glassmorphism":245,"Bento Grid":246},"Dark Mode","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":48},{"jQuery":249,"PHP":250,"WordPress":251,"Node.js":252,"React":84,"Vercel":253,"Vue.js":254,"Shopify":255,"Next.js":256,"Klaviyo":257,"Nuxt.js":258,"Typekit":259,"Amazon Web Services":260,"reCAPTCHA":261,"YouTube":262,"MailChimp":263,"Modernizr":264,"Bootstrap":265,"Slick":266,"Google Font API":267,"Craft CMS":268,"Framer Sites":62,"Contact Form 7":269,"Stimulus":270,"Google Maps":271},"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":56,"Times New Roman":273,"Roboto":274,"Open Sans":275,"Neue Haas Grotesk":276,"Suisse Intl":277,"Arial":278,"Poppins":279,"Helvetica Neue":280,"Montserrat":281,"Diatype":282,"Neue Montreal":283,"Lato":284,"Graphik":285,"Source Sans":286,"Monument Grotesk":287,"Noto Sans":288,"Helvetica":289,"Söhne":290,"DM Sans":291,"Founders Grotesk":292,"GT America":293,"Google Sans":294,"Editorial":295,"IBM Plex Mono":296},"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":298,"facetLabels":314},{"industry":299,"styles":300,"technologies":301,"font_families":302,"page_type_name":303},{"Agency & Studio":139,"Art & Culture":140,"SaaS & Software":141,"Fashion & Apparel":142,"Architecture & Real Estate":143,"Entertainment & Media":144,"Food & Beverage":145,"Photography & Video":146,"Finance & Fintech":147,"Healthcare & Wellness":148,"Technology & Hardware":149,"Industrial & Manufacturing":150,"Beauty & Cosmetics":151,"Travel & Hospitality":152,"Non-Profit & Charity":153,"Education & Courses":154,"Crypto & Web3":155,"Sports & Fitness":156,"Automotive & Transportation":157},{"Clean \u002F Minimalist":159,"Typographic \u002F Big Type":160,"High-End \u002F Luxury":161,"Dark Mode":162,"Vibrant \u002F Colorful":163,"Monochrome \u002F Grayscale":164,"Fun \u002F Playful":165,"Brutalist \u002F Neo-Brutalist":166,"Corporate \u002F Professional":167,"Illustrative \u002F Hand-drawn":168,"Futuristic \u002F Sci-Fi":169,"3D \u002F Spatial":170,"Retro \u002F Vintage \u002F Y2K":171,"Glassmorphism":172,"Bento Grid":172},{"jQuery":174,"PHP":175,"WordPress":176,"Node.js":177,"React":178,"Vercel":179,"Vue.js":180,"Shopify":181,"Next.js":182,"Klaviyo":183,"Nuxt.js":184,"Typekit":185,"Amazon Web Services":186,"reCAPTCHA":187,"YouTube":89,"MailChimp":188,"Modernizr":189,"Bootstrap":190,"Slick":191,"Google Font API":192,"Craft CMS":193,"Framer Sites":194,"Contact Form 7":195,"Stimulus":196,"Google Maps":197},{"Inter":199,"Times New Roman":200,"Roboto":201,"Open Sans":202,"Neue Haas Grotesk":202,"Suisse Intl":203,"Arial":169,"Poppins":193,"Helvetica Neue":195,"Montserrat":204,"Diatype":170,"Neue Montreal":149,"Lato":150,"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":171,"IBM Plex Mono":154},{"Home \u002F Landing Page":304,"About Us \u002F Team":305,"Projects \u002F Portfolio":306,"Contact Us":307,"Blog \u002F Article Layout":308,"Services \u002F Features":309,"Shop \u002F Catalog":310,"Careers \u002F Jobs":311,"Pricing Page":148,"Sign Up \u002F Login":312,"404 Error Page":313},2401,774,527,418,378,341,299,89,27,9,{"industry":315,"styles":316,"page_type_name":317,"technologies":328,"font_families":329},{"Agency & Studio":216,"Art & Culture":217,"SaaS & Software":22,"Fashion & Apparel":218,"Architecture & Real Estate":219,"Entertainment & Media":220,"Food & Beverage":221,"Photography & Video":222,"Finance & Fintech":223,"Healthcare & Wellness":224,"Technology & Hardware":225,"Industrial & Manufacturing":226,"Beauty & Cosmetics":227,"Travel & Hospitality":228,"Non-Profit & Charity":229,"Education & Courses":230,"Crypto & Web3":231,"Sports & Fitness":232,"Automotive & Transportation":233},{"Clean \u002F Minimalist":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":27,"Dark Mode":235,"Vibrant \u002F Colorful":236,"Monochrome \u002F Grayscale":237,"Fun \u002F Playful":238,"Brutalist \u002F Neo-Brutalist":239,"Corporate \u002F Professional":240,"Illustrative \u002F Hand-drawn":241,"Futuristic \u002F Sci-Fi":242,"3D \u002F Spatial":243,"Retro \u002F Vintage \u002F Y2K":244,"Glassmorphism":245,"Bento Grid":246},{"Home \u002F Landing Page":48,"About Us \u002F Team":318,"Projects \u002F Portfolio":319,"Contact Us":320,"Blog \u002F Article Layout":321,"Services \u002F Features":322,"Shop \u002F Catalog":323,"Careers \u002F Jobs":324,"Pricing Page":325,"Sign Up \u002F Login":326,"404 Error Page":327},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":249,"PHP":250,"WordPress":251,"Node.js":252,"React":84,"Vercel":253,"Vue.js":254,"Shopify":255,"Next.js":256,"Klaviyo":257,"Nuxt.js":258,"Typekit":259,"Amazon Web Services":260,"reCAPTCHA":261,"YouTube":262,"MailChimp":263,"Modernizr":264,"Bootstrap":265,"Slick":266,"Google Font API":267,"Craft CMS":268,"Framer Sites":62,"Contact Form 7":269,"Stimulus":270,"Google Maps":271},{"Inter":56,"Times New Roman":273,"Roboto":274,"Open Sans":275,"Neue Haas Grotesk":276,"Suisse Intl":277,"Arial":278,"Poppins":279,"Helvetica Neue":280,"Montserrat":281,"Diatype":282,"Neue Montreal":283,"Lato":284,"Graphik":285,"Source Sans":286,"Monument Grotesk":287,"Noto Sans":288,"Helvetica":289,"Söhne":290,"DM Sans":291,"Founders Grotesk":292,"GT America":293,"Google Sans":294,"Editorial":295,"IBM Plex Mono":296},{"hits":331},[332,478,610,651],{"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":340,"score_boost":341,"ai_score":189,"freshness_score":342,"scored_at":343,"page_name":40,"page_url":337,"page_title":344,"page_description":345,"page_content":346,"page_sort":341,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":47,"cover":350,"cover_mobile":353,"cover_sequence":355,"translations":446,"industry":21,"styles":450,"credits":451,"font_families":452,"technologies":463,"pagespeed":464,"pagespeed_mobile":470,"buckets":476,"search_payload":477},"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,0,74,"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 …",true,1,"1",{"id":351,"height":13,"width":12,"blurhash":352},"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":354,"height":15,"width":14,"blurhash":58},"c39d19d5-6018-4320-af46-be1a71fe0ea1",[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},"411cde9d-d627-46b1-b451-7100200f192b",{"directus_files_id":360},{"id":361},"d99a94cf-2053-4269-a978-c42c38dba5be",{"directus_files_id":363},{"id":364},"e2aa2075-6231-49a5-9520-eec0f84446c9",{"directus_files_id":366},{"id":367},"a9e520f8-076c-48c1-8d92-328577a21358",{"directus_files_id":369},{"id":370},"c2c0de5b-bed0-4146-8ad3-72e3a2c7b53a",{"directus_files_id":372},{"id":373},"1b6e2bbe-6c0d-46aa-8e84-0386fb5406c5",{"directus_files_id":375},{"id":376},"cccf9eca-6938-42b8-9f98-6998ce87354b",{"directus_files_id":378},{"id":379},"e11dd6cd-fa77-4fb9-a99d-31aa4e67cb1c",{"directus_files_id":381},{"id":382},"5f37af42-5644-4de2-adbf-cd7233c93ce1",{"directus_files_id":384},{"id":385},"472bbb61-bea2-403e-9ef0-800a3abf736e",{"directus_files_id":387},{"id":388},"c305691a-be73-40ca-9186-eef293b103cd",{"directus_files_id":390},{"id":391},"c079bba2-ae3a-4737-aa08-cfdedce67818",{"directus_files_id":393},{"id":394},"b2c5d198-1324-4cb4-96af-dba56fdd8d7e",{"directus_files_id":396},{"id":397},"afd355c7-6117-41e0-b639-4f24bbda535d",{"directus_files_id":399},{"id":400},"bd0924e5-15eb-475a-bf29-fdc6c20cd26c",{"directus_files_id":402},{"id":403},"f795ca43-530f-4c78-b842-9ca7a3933ae9",{"directus_files_id":405},{"id":406},"971f3ff5-c094-4b68-a678-d69603c5edff",{"directus_files_id":408},{"id":409},"f22a265c-c172-4f1d-bf19-00cca735d7b9",{"directus_files_id":411},{"id":412},"a19eb017-66cb-48e2-8085-9e81cf91b6a2",{"directus_files_id":414},{"id":415},"79c94283-a24e-4d2b-9ff9-3fc8aa3c723c",{"directus_files_id":417},{"id":418},"82bd8726-715d-440f-b727-fc988a87f349",{"directus_files_id":420},{"id":421},"b5ed3c80-454f-4542-ba5b-217fe598f602",{"directus_files_id":423},{"id":424},"d7977a07-358d-4412-ab69-14c24c107af7",{"directus_files_id":426},{"id":427},"c58d6c9f-fbf1-495e-a2d0-7b5fe96b29d5",{"directus_files_id":429},{"id":430},"3c9aae90-ea0c-4ed2-bc10-93801c0cd91f",{"directus_files_id":432},{"id":433},"32d69984-1117-4a42-a63b-ae232d3016cd",{"directus_files_id":435},{"id":436},"f7937a27-501f-42f5-a708-eadeec9ee7ad",{"directus_files_id":438},{"id":439},"e2eda89f-6764-465a-9396-9ba9a74b79fe",{"directus_files_id":441},{"id":442},"c2149183-6b5f-43ac-bf85-db6066ba7d92",{"directus_files_id":444},{"id":445},"732428cf-3adc-4bf3-bfda-d890a9bdd6ba",[447],{"languages_code":448,"description":449},"en","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,235,34],[],[453,454,455,56,456,457,458,457,459,459,459,459,459,460,459,56,56,459,56,56,290,461,56,56,56,462,456],"Geist","Instrument Sans","Instrument Serif","Azeret Mono","Geist Mono","JetBrains Mono","GT Walsheim","Repro","Universal Sans","Manrope",[],[465,466,467,469],{"score":205,"category":88},{"score":192,"category":91},{"score":468,"category":94},96,{"score":190,"category":97},[471,473,474,475],{"score":472,"category":88},37,{"score":190,"category":91},{"score":468,"category":94},{"score":190,"category":97},[110,106,114],"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":479,"website_id":480,"page_id":479,"name":481,"slug":482,"url":483,"website_name":481,"website_slug":482,"website_url":484,"result_url":483,"fetched_at":485,"score":191,"score_boost":341,"ai_score":486,"freshness_score":342,"scored_at":487,"page_name":40,"page_url":483,"page_title":488,"page_description":489,"page_content":490,"page_sort":341,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":47,"cover":491,"cover_mobile":494,"cover_sequence":496,"translations":587,"industry":21,"styles":590,"credits":592,"font_families":593,"technologies":595,"pagespeed":597,"pagespeed_mobile":602,"buckets":608,"search_payload":609},"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",84,"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 …",{"id":492,"height":13,"width":12,"blurhash":493},"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":495,"height":15,"width":14,"blurhash":58},"fddaad0b-c807-4cc5-b4df-25688b0b1254",[497,500,503,506,509,512,515,518,521,524,527,530,533,536,539,542,545,548,551,554,557,560,563,566,569,572,575,578,581,584],{"directus_files_id":498},{"id":499},"eae4ff2b-eccd-4261-9b6c-70e6649a35cf",{"directus_files_id":501},{"id":502},"e6cf5330-5085-46b4-979d-888f61feb102",{"directus_files_id":504},{"id":505},"cc169c85-b6b3-4313-b932-dd859990ece4",{"directus_files_id":507},{"id":508},"0ae2e709-c81e-44b0-a1fc-79f863b6aa46",{"directus_files_id":510},{"id":511},"0d383fc3-c3bf-4139-adec-365ca2baaadd",{"directus_files_id":513},{"id":514},"8fd820cb-8dca-4e2c-a385-e64d32f7efa3",{"directus_files_id":516},{"id":517},"d50fa2d7-b2a0-4970-834d-393e936158d0",{"directus_files_id":519},{"id":520},"24c73429-ba0e-452e-88bb-75eb5a11e419",{"directus_files_id":522},{"id":523},"14afd761-7745-4b27-9d08-c083bda8547e",{"directus_files_id":525},{"id":526},"abf4e422-9033-4263-a6ea-71188bc75eb6",{"directus_files_id":528},{"id":529},"22915dec-a937-48af-bf6f-10c0c916d763",{"directus_files_id":531},{"id":532},"afcd4c1e-9c77-41d0-9b81-95b8da6c204a",{"directus_files_id":534},{"id":535},"e85661e5-7c00-49b4-b23b-2ad39fa23b80",{"directus_files_id":537},{"id":538},"2e824caa-ba9c-4cf0-8513-bfa4ad984f88",{"directus_files_id":540},{"id":541},"c0e7a4db-9703-4d60-be96-4f7be6106b90",{"directus_files_id":543},{"id":544},"6e24db92-016e-4cce-9af1-d34612ca8a9e",{"directus_files_id":546},{"id":547},"d37aa8aa-b5e8-44cb-afb6-17401f6e9860",{"directus_files_id":549},{"id":550},"22356a68-3479-4b4c-9212-0ac1e16a40c6",{"directus_files_id":552},{"id":553},"98fe2ab5-41f7-4af9-980f-6fa12e955086",{"directus_files_id":555},{"id":556},"20e2a139-ee3d-4786-9a2f-3050bec511b6",{"directus_files_id":558},{"id":559},"e9dcd2c3-2a4c-42b2-8a23-a8172d25485d",{"directus_files_id":561},{"id":562},"3c1ffa15-8be2-483c-8317-fc210d6549d2",{"directus_files_id":564},{"id":565},"91b5ebcb-8b1e-4537-9bf3-ef7791abc5fe",{"directus_files_id":567},{"id":568},"4368116d-a137-48a8-82b3-47efde2e237f",{"directus_files_id":570},{"id":571},"3c8f3007-b703-427f-b6e9-575b585f892d",{"directus_files_id":573},{"id":574},"ae4c0221-3ac9-405e-a88b-688c06127a49",{"directus_files_id":576},{"id":577},"b003ebe0-f546-4673-9c17-ac33d403f80b",{"directus_files_id":579},{"id":580},"8fc05526-984a-421f-b6cf-308fb0e22508",{"directus_files_id":582},{"id":583},"e93f9727-7d07-4063-a909-c2edfafce0c0",{"directus_files_id":585},{"id":586},"915f1d5e-8bb7-440a-b315-8cd596dc8a03",[588],{"languages_code":448,"description":589},"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.",[30,591,34],"Corporate \u002F Professional",[],[594,56,56,288,288],"Roboto Mono",[596,62,84],"Crisp Live Chat",[598,599,600,601],{"score":192,"category":88},{"score":192,"category":91},{"score":188,"category":94},{"score":95,"category":97},[603,605,606,607],{"score":604,"category":88},61,{"score":342,"category":91},{"score":188,"category":94},{"score":95,"category":97},[106,110,114],"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":611,"website_id":612,"page_id":611,"name":613,"slug":614,"url":615,"website_name":613,"website_slug":614,"website_url":616,"result_url":615,"fetched_at":617,"score":486,"score_boost":341,"ai_score":311,"freshness_score":195,"scored_at":618,"page_name":40,"page_url":615,"page_title":614,"page_description":619,"page_content":620,"page_sort":341,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":47,"cover":621,"cover_mobile":624,"cover_sequence":626,"translations":630,"industry":633,"styles":634,"credits":635,"font_families":636,"technologies":637,"pagespeed":638,"pagespeed_mobile":643,"buckets":649,"search_payload":650},"d88bd211-968b-4025-9f31-0ab5b6ecebfa","fef92e54-f992-4ed0-9a14-fe16f271d865","Ffforum","ffforum","https:\u002F\u002Fffforum.site\u002F","https:\u002F\u002Fffforum.site","2026-04-24T17:34:46.000Z","2026-05-23T19:16:37.000Z","ffforum is a design studio developing brand identities, digital tools and images for clients across culture and commerce.","fff ffforum ProjectsStudio [ Future-facing identity built around attribution View ](\u002Fprojects\u002Ftitles)",{"id":622,"height":13,"width":12,"blurhash":623},"e3f76497-a175-4208-b0cb-8631c9ffb904","radial-gradient(at 0 0,#7c817c,#00000000 50%),radial-gradient(at 33% 0,#717371,#00000000 50%),radial-gradient(at 67% 0,#6f6d6f,#00000000 50%),radial-gradient(at 100% 0,#797778,#00000000 50%),radial-gradient(at 0 50%,#6c6f6d,#00000000 50%),radial-gradient(at 33% 50%,#606361,#00000000 50%),radial-gradient(at 67% 50%,#4d4b4d,#00000000 50%),radial-gradient(at 100% 50%,#5d5b5c,#00000000 50%),radial-gradient(at 0 100%,#575658,#00000000 50%),radial-gradient(at 33% 100%,#363737,#00000000 50%),radial-gradient(at 67% 100%,#000800,#00000000 50%),radial-gradient(at 100% 100%,#3c3b3b,#00000000 50%)",{"id":625,"height":15,"width":14,"blurhash":58},"38d5939a-0460-489d-953c-2408336897de",[627],{"directus_files_id":628},{"id":629},"471e16ea-6a04-436d-ba6d-2aaa4134f9de",[631],{"languages_code":448,"description":632},"Ffforum operates at the intersection of culture and commerce, presenting a digital presence that mirrors its multidisciplinary studio approach. The site uses high-contrast imagery and expansive typography to establish a sophisticated, editorial tone that feels more like a high-end lookbook than a standard agency portfolio. By utilizing large-scale imagery and rhythmic section transitions, the design communicates a sense of scale and intentionality, framing their work in identity systems and digital tools as high-stakes creative endeavors.\n\nOversized, heavy sans-serif type dominates the layout, creating a powerful visual hierarchy that anchors the dark-mode interface. The grid is loose and experimental, often breaking traditional boundaries with overlapping elements and large-scale photography that fills the viewport. A restrained monochromatic palette allows the textures of the project imagery—from grainy film stills to abstract digital renders—to take center stage. The use of pill-shaped navigation buttons provides a tactile, functional anchor amidst the expansive, type-driven sections.","Agency & Studio",[30,235,34],[],[],[],[639,640,641,642],{"score":188,"category":88},{"score":486,"category":91},{"score":95,"category":94},{"score":188,"category":97},[644,646,647,648],{"score":645,"category":88},73,{"score":486,"category":91},{"score":95,"category":94},{"score":188,"category":97},[106,110,114],"Website: Ffforum. Page: Homepage. Page type: Home \u002F Landing Page. Page title: ffforum. Page description: ffforum is a design studio developing brand identities, digital tools and images for clients across culture and commerce.. Page content: fff ffforum ProjectsStudio [ Future-facing identity built around attribution View ](\u002Fprojects\u002Ftitles). A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features White, Black, Gray. AI description: Ffforum operates at the intersection of culture and commerce, presenting a digital presence that mirrors its multidisciplinary studio approach. The site uses high-contrast imagery and expansive typography to establish a sophisticated, editorial tone that feels more like a high-end lookbook than a standard agency portfolio. By utilizing large-scale imagery and rhythmic section transitions, the design communicates a sense of scale and intentionality, framing their work in identity systems and digital tools as high-stakes creative endeavors. Oversized, heavy sans-serif type dominates the layout, creating a powerful visual hierarchy that anchors the dark-mode interface. The grid is loose and experimental, often breaking traditional boundaries with overlapping elements and large-scale photography that fills the viewport. A restrained monochromatic palette allows the textures of the project imagery—from grainy film stills to abstract digital renders—to take center stage. The use of pill-shaped navigation buttons provides a tactile, functional anchor amidst the expansive, type-driven sections.",{"id":652,"website_id":653,"page_id":652,"name":654,"slug":655,"url":656,"website_name":654,"website_slug":655,"website_url":657,"result_url":656,"fetched_at":658,"score":659,"score_boost":341,"ai_score":340,"freshness_score":660,"scored_at":661,"page_name":40,"page_url":656,"page_title":662,"page_description":663,"page_content":664,"page_sort":341,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":47,"cover":665,"cover_mobile":668,"cover_sequence":670,"translations":752,"industry":21,"styles":755,"credits":756,"font_families":757,"technologies":760,"pagespeed":762,"pagespeed_mobile":767,"buckets":773,"search_payload":775},"822e05e1-050d-4f89-9cdc-44939bd62645","e6143dcf-38ec-4f97-9b56-e212f160da1b","Flume","flume","https:\u002F\u002Fflumehealth.com\u002F","https:\u002F\u002Fflumehealth.com","2026-05-04T19:26:46.000Z",83,75,"2026-05-23T19:26:36.000Z","Flume | Healthcare Data Understood","Map your data estate. Build a living knowledge graph. Make every answer trustworthy. Auto integrate. On portable infrastructure you own.","",{"id":666,"height":13,"width":12,"blurhash":667},"60964522-4b3a-4d1d-a474-faf78a80be6a","radial-gradient(at 0 0,#d2dbdb,#00000000 50%),radial-gradient(at 33% 0,#d0dcd9,#00000000 50%),radial-gradient(at 67% 0,#ddded7,#00000000 50%),radial-gradient(at 100% 0,#e5dad0,#00000000 50%),radial-gradient(at 0 50%,#c4c8c2,#00000000 50%),radial-gradient(at 33% 50%,#c2bfb9,#00000000 50%),radial-gradient(at 67% 50%,#c1b8b1,#00000000 50%),radial-gradient(at 100% 50%,#c6beb2,#00000000 50%),radial-gradient(at 0 100%,#e8e8de,#00000000 50%),radial-gradient(at 33% 100%,#e1e0d6,#00000000 50%),radial-gradient(at 67% 100%,#e3dfd3,#00000000 50%),radial-gradient(at 100% 100%,#e7e0d3,#00000000 50%)",{"id":669,"height":15,"width":14,"blurhash":58},"345fe25b-f2b8-4008-9edb-4407b697a291",[671,674,677,680,683,686,689,692,695,698,701,704,707,710,713,716,719,722,725,728,731,734,737,740,743,746,749],{"directus_files_id":672},{"id":673},"fa4e555e-4f26-4569-9c32-603211fe95d6",{"directus_files_id":675},{"id":676},"f1550356-0131-433d-b7d7-ea0fc07cb468",{"directus_files_id":678},{"id":679},"2e159ff6-b421-4526-bf0f-e84009956693",{"directus_files_id":681},{"id":682},"037c3d46-d7f3-4fb6-a83a-252a75b07542",{"directus_files_id":684},{"id":685},"8365b465-dbda-4550-bf8f-e5c079a5fd68",{"directus_files_id":687},{"id":688},"5ca6da99-18aa-470a-a7cb-b2cb2ccbf10e",{"directus_files_id":690},{"id":691},"1e90fcdc-e4c6-4bb5-a4d9-9c7fb5ab6ba7",{"directus_files_id":693},{"id":694},"92604ce9-0379-4eec-b3b3-2b82b9d01a8e",{"directus_files_id":696},{"id":697},"c968db40-725f-4f06-80b7-b30c02ee7cf4",{"directus_files_id":699},{"id":700},"9c6704b8-84cd-416c-8bfa-6a56616e87c3",{"directus_files_id":702},{"id":703},"40de776b-b0be-4365-be9d-2a74cb8a7871",{"directus_files_id":705},{"id":706},"3b51a6e6-b3d9-4c5f-9d5f-d632725ca52c",{"directus_files_id":708},{"id":709},"a2b61e2a-f344-4695-976b-beed3bdacdbe",{"directus_files_id":711},{"id":712},"16446bab-5bc0-45d6-a784-add4737ec435",{"directus_files_id":714},{"id":715},"6f1be8fc-3e8e-4713-a8b7-cfc6719466db",{"directus_files_id":717},{"id":718},"871a7262-8c92-4279-b92c-c179b291fb56",{"directus_files_id":720},{"id":721},"aedfc71b-5743-4719-8ea2-dcf3d7fbe1d5",{"directus_files_id":723},{"id":724},"56fae8fe-f0fd-4b3f-8206-7d298be34162",{"directus_files_id":726},{"id":727},"2c3185e8-5733-4c34-a76f-184bb4a6a8d5",{"directus_files_id":729},{"id":730},"bd0ed359-67f6-4a96-a28f-d35ebcd60537",{"directus_files_id":732},{"id":733},"bd2c6a79-1442-4f61-8bbc-c4e1daf690ad",{"directus_files_id":735},{"id":736},"f2f2560f-ba8a-403b-ba82-29204ec3f3d3",{"directus_files_id":738},{"id":739},"148a32c1-a427-4a0d-bd70-fc1f99cc1771",{"directus_files_id":741},{"id":742},"e123a577-c429-4c7c-9e81-d4da76e544cc",{"directus_files_id":744},{"id":745},"63104b02-9eb7-45ae-99ba-e0d716421994",{"directus_files_id":747},{"id":748},"57b577a9-18bd-416f-af29-2529e84c9ea2",{"directus_files_id":750},{"id":751},"a9a09b72-389a-48b2-9f4a-47f49d49556c",[753],{"languages_code":448,"description":754},"Flume is a sophisticated data infrastructure platform designed to transform complex healthcare data into actionable, living knowledge graphs. By automating integration and mapping entire data estates, the platform empowers healthcare organizations to build trustworthy, governed, and portable intelligence layers on their own infrastructure. It positions itself as a critical layer for organizations needing to move beyond fragmented data silos toward a unified, searchable, and highly accurate understanding of their information.\n\nThe visual identity is a striking departure from the sterile, blue-heavy aesthetics typical of enterprise software. Instead, it employs a high-concept, editorial design language that utilizes classical art motifs—reminiscent of ancient landscapes and philosophy—to symbolize the pursuit of wisdom and clarity. This is paired with bold, sophisticated typography and a warm, earthy color palette, creating a brand that feels both intellectually profound and technologically advanced. The design targets high-level decision-makers and data architects who value precision, security, and a more human-centric approach to complex systems.",[30,591,34],[],[758,759,458],"Alliance","Diatype Mono",[761,256,252,84],"Google Cloud",[763,764,765,766],{"score":92,"category":88},{"score":202,"category":91},{"score":188,"category":94},{"score":95,"category":97},[768,770,771,772],{"score":769,"category":88},48,{"score":188,"category":91},{"score":188,"category":94},{"score":95,"category":97},[106,774,114],"red","Website: Flume. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Flume | Healthcare Data Understood. Page description: Map your data estate. Build a living knowledge graph. Make every answer trustworthy. Auto integrate. On portable infrastructure you own.. A Clean \u002F Minimalist, Corporate \u002F Professional, Typographic \u002F Big Type website in the SaaS & Software industry. The overall color palette features White, Red, Gray. The typography features Alliance (Sans Serif), Diatype Mono (Sans Serif, Dinamo), JetBrains Mono (Sans Serif). Built using Google Cloud, Next.js, Node.js, React. AI description: Flume is a sophisticated data infrastructure platform designed to transform complex healthcare data into actionable, living knowledge graphs. By automating integration and mapping entire data estates, the platform empowers healthcare organizations to build trustworthy, governed, and portable intelligence layers on their own infrastructure. It positions itself as a critical layer for organizations needing to move beyond fragmented data silos toward a unified, searchable, and highly accurate understanding of their information. The visual identity is a striking departure from the sterile, blue-heavy aesthetics typical of enterprise software. Instead, it employs a high-concept, editorial design language that utilizes classical art motifs—reminiscent of ancient landscapes and philosophy—to symbolize the pursuit of wisdom and clarity. This is paired with bold, sophisticated typography and a warm, earthy color palette, creating a brand that feels both intellectually profound and technologically advanced. The design targets high-level decision-makers and data architects who value precision, security, and a more human-centric approach to complex systems."]