[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f1h00t08y7hyaw":3,"public-section-categories":805,"$f34vv9v46h5l6y":1184,"$fj01cz2ldz0z7":1604},{"ads":4,"websiteCategories":103,"technologies":546,"locations":670,"announcementBanner":37},[5,17,26,35,40,49,58,65,74,81,88,96],{"id":6,"title":7,"description":8,"description_html":8,"image":9,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":12,"alt":13,"hash":14,"slot":15,"is_default":16},54,"UI Component Inspiration","12,500+ UI components from industry-leading apps","nd-0925-3.jpeg","Nicelydone","https:\u002F\u002Fd2ocroys3p1hkd.cloudfront.net\u002Fsponsor\u002Flogo-nd-full.svg","Browse components","Explore thousands of real UI component examples from the best SaaS products.","2k8ogzp964rqgofcw3s62jv4ss1k38tp","primary",0,{"id":18,"title":19,"description":20,"description_html":21,"image":22,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":23,"alt":24,"hash":25,"slot":15,"is_default":16},55,"SaaS Design Inspiration","150,000+ SaaS UI examples searchable in seconds","151,200+ real app screens, flows & UI components searchable in seconds","nd-0925-2.jpeg","Find SaaS inspiration","The largest SaaS design inspiration library with screens, flows, and components.","g3om1kjgr2boenwbaijdz1asc7mdfpqt",{"id":27,"title":28,"description":29,"description_html":30,"image":31,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":32,"alt":33,"hash":34,"slot":15,"is_default":16},56,"Your design research assistant","150,000+ screens, flows & UI components from best apps","Your design research assistant with 100,000+ user flows, components & screens","nd-0925-1.jpeg","Start researching faster","Cut design research time by 90%","gvfv70auve8fofh10862ptfdud4n57mw",{"id":36,"title":10,"description":37,"description_html":37,"image":37,"sponsor_name":37,"sponsor_logo":37,"sponsor_cta":37,"alt":37,"hash":38,"slot":37,"is_default":39},77,null,"px6ccwd9rr6sacqr5parsckwswfgnrjc",1,{"id":41,"title":42,"description":43,"description_html":44,"image":45,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":46,"alt":47,"hash":48,"slot":15,"is_default":39},79,"Nicelydone SaaS UI Library","The SaaS UI library built for humans and AI agents","The SaaS UI library built\n  for humans and AI agents","nicelydone-04-26-6.png","Browse design inspiration","Nicelyd\n  one is a SaaS UI library built for humans and AI agents.","57ecffb17be508237ffc9775270b1aa2",{"id":50,"title":51,"description":52,"description_html":53,"image":54,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":55,"alt":56,"hash":57,"slot":15,"is_default":39},80,"Nicelydone MCP","Give your AI agent access to 220k real SaaS screens","Give your AI agent access\n  to 220k real SaaS screens","nicelydone-04-26-4.png","Connect Nicelydone MCP","Give your AI age\n  nt SaaS taste with Nicelydone MCP and 220k real screens.","ff3d07e2ce2c374087dd006e9296fd5c",{"id":59,"title":42,"description":60,"description_html":61,"image":62,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":46,"alt":63,"hash":64,"slot":15,"is_default":39},81,"Find real SaaS UI patterns for humans and AI agents","Find real SaaS UI\n  patterns for humans and AI agents","nicelydone-04-26-1.png","Nicelyd\n  one is a SaaS UI library of real product screens and user flows.","5bffa8d40bbbd955efe19f73285c2f6b",{"id":66,"title":67,"description":68,"description_html":69,"image":70,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":71,"alt":72,"hash":73,"slot":15,"is_default":39},82,"Nicelydone for AI Agents","The SaaS UI library your AI agent can actually use","The SaaS UI library yo\n  ur AI agent can actually use","nicelydone-04-26-3.png","Give agents SaaS context","Nicely\n  done MCP gives AI agents real SaaS UI examples they can use.","aa81a74a3b2607304365e19ace95be65",{"id":75,"title":51,"description":76,"description_html":77,"image":78,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":55,"alt":79,"hash":80,"slot":15,"is_default":39},83,"220k real SaaS screens, connected through MCP","220k real SaaS screens, connected t\n  hrough MCP","nicelydone-04-26-5.png","Nicelydone conne\n  cts 220k real SaaS screens to AI agents through MCP.","f7b51a5be622a3bb0a175b0a35a42ac7",{"id":82,"title":67,"description":83,"description_html":84,"image":85,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":71,"alt":86,"hash":87,"slot":15,"is_default":39},84,"Give your AI agent a SaaS UI library it can actually use","Give\n  your AI agent a SaaS UI library it can actually use","nicelydone-04-26-2.png","Nicely\n  done gives AI agents a usable SaaS UI library for product design context.","7c448a8e2a225d0f0d3e61300a6f3066",{"id":89,"title":90,"description":91,"description_html":37,"image":92,"sponsor_name":90,"sponsor_logo":92,"sponsor_cta":93,"alt":90,"hash":94,"slot":95,"is_default":16},87,"FontPulse","Identify fonts on any website and save your best finds.","\u002Fimages\u002Ffontpulse.png","Get FontPulse","f5a63u3zb5si0sdzkee3hw7r1g3zz6aw","font_sponsor",{"id":97,"title":98,"description":99,"description_html":37,"image":100,"sponsor_name":98,"sponsor_logo":37,"sponsor_cta":37,"alt":99,"hash":101,"slot":102,"is_default":16},88,"Readymag","Create websites with Readymag","readymag-july-26-1.png","7z013ks6v9n6xihfhh90k17p3ozy5vxi","secondary",[104,111,118,125,132,138,144,151,158,165,172,179,186,193,200,207,214,220,226,233,240,247,254,261,268,275,282,288,295,301,308,315,321,328,334,341,348,355,362,367,374,381,387,392,399,405,412,419,426,432,438,444,451,458,463,470,477,483,490,497,502,509,516,522,529,535,541],{"id":105,"name":106,"slug":107,"description":108,"_count":109},21,"Agency & consulting","agency-consulting","Browse agency and consulting websites built to win briefs. Get inspired by real services and case studies, curated with HD screenshots and the fonts each website uses.",{"websites":110},2600,{"id":112,"name":113,"slug":114,"description":115,"_count":116},27,"Application","application","Browse application marketing sites for web and mobile. Get inspired by real onboarding flows and feature explainers, curated with HD screenshots and the fonts each website uses.",{"websites":117},457,{"id":119,"name":120,"slug":121,"description":122,"_count":123},8,"Architecture","architecture","Browse architecture websites with clean structure and visuals. Get inspired by real project sheets and portfolio grids, curated with HD screenshots and the fonts each website uses.",{"websites":124},445,{"id":126,"name":127,"slug":128,"description":129,"_count":130},30,"Art & illustration","art-illustration","Explore art and illustration websites that spotlight creativity. Get inspired by real portfolios and galleries, curated with HD screenshots and the fonts each website uses.",{"websites":131},218,{"id":133,"name":134,"slug":135,"description":37,"_count":136},629,"Artificial intelligence","artificial-intelligence",{"websites":137},216,{"id":139,"name":140,"slug":141,"description":142,"_count":143},57,"Automotive","automotive","Browse automotive websites for brands and dealers. Get inspired by real model pages and configurators, curated with HD screenshots and the fonts each website uses.",{"websites":126},{"id":145,"name":146,"slug":147,"description":148,"_count":149},37,"Beauty & cosmetics","beauty-cosmetics","Browse beauty and cosmetics websites that convert. Get inspired by real product pages, shade finders, and routines, curated with HD screenshots and the fonts each website uses.",{"websites":150},418,{"id":152,"name":153,"slug":154,"description":155,"_count":156},14,"Branding","branding","Browse branding-focused websites that express identity. Get inspired by real case studies, logo systems, and visuals, curated with HD screenshots and the fonts each website uses.",{"websites":157},558,{"id":159,"name":160,"slug":161,"description":162,"_count":163},9,"Business & corporate","business-corporate","Discover business and corporate websites made modern. Get inspired by real company sites with service and careers pages, curated with HD screenshots and the fonts each website uses.",{"websites":164},468,{"id":166,"name":167,"slug":168,"description":169,"_count":170},62,"Coffee","coffee","Explore coffee websites with aroma-rich branding. Get inspired by real cafés, product shops, and guides, curated with HD screenshots and the fonts each website uses.",{"websites":171},63,{"id":173,"name":174,"slug":175,"description":176,"_count":177},42,"Community","community","Explore community websites that bring people together. Get inspired by real forums, groups, and membership pages, curated with HD screenshots and the fonts each website uses.",{"websites":178},123,{"id":180,"name":181,"slug":182,"description":183,"_count":184},595,"Conference","conference","Browse conference websites that drive registrations. Get inspired by real agendas, speakers, and sponsor pages, curated with HD screenshots and the fonts each website uses.",{"websites":185},28,{"id":187,"name":188,"slug":189,"description":190,"_count":191},48,"Cryptocurrency","cryptocurrency","Discover crypto and web3 websites with clear UX. Get inspired by real token sites and docs hubs, curated with HD screenshots and the fonts each website uses.",{"websites":192},142,{"id":194,"name":195,"slug":196,"description":197,"_count":198},10,"Culture & education","culture-education","Explore culture and education websites for schools and institutions. Get inspired by real course pages and calendars, curated with HD screenshots and the fonts each website uses.",{"websites":199},378,{"id":201,"name":202,"slug":203,"description":204,"_count":205},33,"Datavisualization","datavisualization","Explore data visualization websites that make numbers clear. Get inspired by real dashboards and infographics, curated with HD screenshots and the fonts each website uses.",{"websites":206},15,{"id":208,"name":209,"slug":210,"description":211,"_count":212},7,"Design","design","Explore design studio and agency websites with personality. Get inspired by real services and project pages, curated with HD screenshots and the fonts each website uses.",{"websites":213},1177,{"id":215,"name":216,"slug":217,"description":37,"_count":218},192,"Design studio","design-studio",{"websites":219},139,{"id":221,"name":222,"slug":223,"description":224,"_count":225},41,"Directory","directory","Discover directory websites that organize content. Get inspired by real listings and filtering patterns, curated with HD screenshots and the fonts each website uses.",{"websites":119},{"id":227,"name":228,"slug":229,"description":230,"_count":231},67,"E-commerce","e-commerce","Explore ecommerce websites for online shops. Get inspired by real product pages, carts, and checkouts, curated with HD screenshots and the fonts each website uses.",{"websites":232},1532,{"id":234,"name":235,"slug":236,"description":237,"_count":238},272,"Editorial","editorial","Browse editorial websites with strong systems. Get inspired by real article layouts and publishing sites, curated with HD screenshots and the fonts each website uses.",{"websites":239},72,{"id":241,"name":242,"slug":243,"description":244,"_count":245},61,"Entertainment","entertainment","Discover entertainment websites with high energy. Get inspired by real trailers, schedules, and fan pages, curated with HD screenshots and the fonts each website uses.",{"websites":246},59,{"id":248,"name":249,"slug":250,"description":251,"_count":252},45,"Environmental","environmental","Discover environmental websites with purpose. Get inspired by real campaigns and green initiatives, curated with HD screenshots and the fonts each website uses.",{"websites":253},320,{"id":255,"name":256,"slug":257,"description":258,"_count":259},2,"Event","event","Browse event websites for conferences, festivals, and weddings. Get inspired by real ticketing flows, agendas, and schedules, curated with HD screenshots and the fonts each website uses.",{"websites":260},263,{"id":262,"name":263,"slug":264,"description":265,"_count":266},40,"Experience","experience","Browse experience-led websites with rich interaction. Get inspired by real immersive designs and motion, curated with HD screenshots and the fonts each website uses.",{"websites":267},46,{"id":269,"name":270,"slug":271,"description":272,"_count":273},4,"Fashion","fashion","Explore fashion websites from global brands to indie boutiques. Get inspired by real lookbooks and product pages, curated with HD screenshots and the fonts each website uses.",{"websites":274},914,{"id":276,"name":277,"slug":278,"description":279,"_count":280},12,"Film & tv","film-tv","Discover film and TV websites with cinematic impact. Get inspired by real trailers, episode guides, and press kits, curated with HD screenshots and the fonts each website uses.",{"websites":281},235,{"id":267,"name":283,"slug":284,"description":285,"_count":286},"Finance","finance","Explore finance and fintech websites with clarity. Get inspired by real dashboards and pricing pages, curated with HD screenshots and the fonts each website uses.",{"websites":287},399,{"id":289,"name":290,"slug":291,"description":292,"_count":293},23,"Food & drink","food-drink","Discover food and drink websites with appetite appeal. Get inspired by real menus, product stories, and brand pages, curated with HD screenshots and the fonts each website uses.",{"websites":294},638,{"id":18,"name":296,"slug":297,"description":298,"_count":299},"Front-end development","front-end-development","Explore front-end development websites from professionals. Get inspired by real code demos and project writeups, curated with HD screenshots and the fonts each website uses.",{"websites":300},38,{"id":302,"name":303,"slug":304,"description":305,"_count":306},24,"Fun","fun","Explore playful websites that focus on delight. Get inspired by real interactive layouts and bold colors, curated with HD screenshots and the fonts each website uses.",{"websites":307},26,{"id":309,"name":310,"slug":311,"description":312,"_count":313},35,"Furnitures","furnitures","Discover furniture websites with tactile presentation. Get inspired by real product pages and room scenes, curated with HD screenshots and the fonts each website uses.",{"websites":314},221,{"id":246,"name":316,"slug":317,"description":318,"_count":319},"Governmental","governmental","Explore governmental websites built for service. Get inspired by real portals and form flows, curated with HD screenshots and the fonts each website uses.",{"websites":320},31,{"id":322,"name":323,"slug":324,"description":325,"_count":326},16,"Health","health","Discover health and wellness websites with clean UX. Get inspired by real service pages and booking flows, curated with HD screenshots and the fonts each website uses.",{"websites":327},312,{"id":300,"name":329,"slug":330,"description":331,"_count":332},"Homeware","homeware","Discover homeware websites for everyday living. Get inspired by real lifestyle shops and decor pages, curated with HD screenshots and the fonts each website uses.",{"websites":333},190,{"id":335,"name":336,"slug":337,"description":338,"_count":339},39,"Hotel, place & venue","hotel-place-venue","Explore hotel and venue websites designed to book. Get inspired by real room pages and availability flows, curated with HD screenshots and the fonts each website uses.",{"websites":340},284,{"id":342,"name":343,"slug":344,"description":345,"_count":346},47,"Interior design","interior-design","Browse interior design websites with strong taste. Get inspired by real project sheets and studio portfolios, curated with HD screenshots and the fonts each website uses.",{"websites":347},162,{"id":349,"name":350,"slug":351,"description":352,"_count":353},4300,"Japanese","japanese","Discover Japanese websites with craft and restraint. Get inspired by real minimal layouts and cultural details, curated with HD screenshots and the fonts each website uses.",{"websites":354},603,{"id":356,"name":357,"slug":358,"description":359,"_count":360},58,"Kids","kids","Discover kids-focused websites that balance fun and clarity. Get inspired by real toy shops and product pages, curated with HD screenshots and the fonts each website uses.",{"websites":361},17,{"id":363,"name":364,"slug":365,"description":37,"_count":366},435,"Legal","legal",{"websites":269},{"id":368,"name":369,"slug":370,"description":371,"_count":372},29,"Luxury","luxury","Discover luxury websites with refined aesthetics. Get inspired by real premium layouts and storytelling, curated with HD screenshots and the fonts each website uses.",{"websites":373},189,{"id":375,"name":376,"slug":377,"description":378,"_count":379},11,"Magazine, newspaper & blog","magazine-newspaper-blog","Browse editorial websites for magazines, news, and blogs. Get inspired by real article layouts and content hubs, curated with HD screenshots and the fonts each website uses.",{"websites":380},388,{"id":382,"name":383,"slug":384,"description":37,"_count":385},416,"Marketing","marketing",{"websites":386},141,{"id":388,"name":389,"slug":390,"description":37,"_count":391},149,"Membership","membership",{"websites":159},{"id":393,"name":394,"slug":395,"description":396,"_count":397},36,"Mobile","mobile","Explore mobile-first websites and app landings. Get inspired by real responsive layouts and app sites, curated with HD screenshots and the fonts each website uses.",{"websites":398},120,{"id":400,"name":401,"slug":402,"description":403,"_count":404},437,"Museum","museum","Discover museum websites that frame collections beautifully. Get inspired by real exhibitions and galleries, curated with HD screenshots and the fonts each website uses.",{"websites":262},{"id":406,"name":407,"slug":408,"description":409,"_count":410},20,"Music & sound","music-sound","Explore music websites for artists, labels, and venues. Get inspired by real tour pages, audio players, and merch, curated with HD screenshots and the fonts each website uses.",{"websites":411},203,{"id":413,"name":414,"slug":415,"description":416,"_count":417},44,"Non-profit","non-profit","Browse nonprofit websites built around impact. Get inspired by real donation flows and project pages, curated with HD screenshots and the fonts each website uses.",{"websites":418},90,{"id":420,"name":421,"slug":422,"description":423,"_count":424},50,"Packaging","packaging","Browse packaging websites that highlight products. Get inspired by real branding and package designs, curated with HD screenshots and the fonts each website uses.",{"websites":425},66,{"id":361,"name":427,"slug":428,"description":429,"_count":430},"Photography","photography","Explore photography websites with gallery-first layouts. Get inspired by real image grids and photographer showcases, curated with HD screenshots and the fonts each website uses.",{"websites":431},425,{"id":39,"name":433,"slug":434,"description":435,"_count":436},"Portfolio","portfolio","Explore portfolio websites built by designers and studios. Get inspired by real case studies and project showcases, curated with HD screenshots and the fonts each website uses.",{"websites":437},1423,{"id":439,"name":440,"slug":441,"description":442,"_count":443},51,"Product design","product-design","Discover product design websites that explain outcomes. Get inspired by real process pages and results, curated with HD screenshots and the fonts each website uses.",{"websites":192},{"id":445,"name":446,"slug":447,"description":448,"_count":449},53,"Production","production","Browse production studio websites for film and digital. Get inspired by real reels and project credits, curated with HD screenshots and the fonts each website uses.",{"websites":450},321,{"id":452,"name":453,"slug":454,"description":455,"_count":456},34,"Real estate","real-estate","Browse real estate websites for listings and developments. Get inspired by real property pages and map searches, curated with HD screenshots and the fonts each website uses.",{"websites":457},145,{"id":6,"name":459,"slug":460,"description":461,"_count":462},"Restaurant","restaurant","Discover restaurant websites designed for reservations. Get inspired by real menus, contact, and hours, curated with HD screenshots and the fonts each website uses.",{"websites":420},{"id":464,"name":465,"slug":466,"description":467,"_count":468},32,"Restaurant, café & bar","restaurant-cafe-bar","Discover restaurant, café, and bar websites with style. Get inspired by real menus, reservations, and location pages, curated with HD screenshots and the fonts each website uses.",{"websites":469},99,{"id":471,"name":472,"slug":473,"description":474,"_count":475},472,"Saas","saas","Explore SaaS websites with crisp messaging. Get inspired by real feature breakdowns and pricing, curated with HD screenshots and the fonts each website uses.",{"websites":476},348,{"id":478,"name":479,"slug":480,"description":230,"_count":481},13,"Shop","shop",{"websites":482},91,{"id":484,"name":485,"slug":486,"description":487,"_count":488},18,"Showcase","showcase","Browse showcase websites highlighting work and experiments. Get inspired by real creative projects, curated with HD screenshots and the fonts each website uses.",{"websites":489},138,{"id":491,"name":492,"slug":493,"description":494,"_count":495},52,"Spirits & wine","spirits-wine","Explore spirits and wine websites with distinctive style. Get inspired by real product storytelling and bottle pages, curated with HD screenshots and the fonts each website uses.",{"websites":496},112,{"id":320,"name":498,"slug":499,"description":500,"_count":501},"Sports","sports","Browse sports websites for teams, leagues, and athletes. Get inspired by real scoreboards and schedules, curated with HD screenshots and the fonts each website uses.",{"websites":131},{"id":503,"name":504,"slug":505,"description":506,"_count":507},3,"Startup","startup","Discover startup websites with bold launches and clear value props. Get inspired by real landing pages and pricing layouts, curated with HD screenshots and the fonts each website uses.",{"websites":508},520,{"id":510,"name":511,"slug":512,"description":513,"_count":514},5,"Technology","technology","Browse technology websites for products, tools, and platforms. Get inspired by real feature sections and product showcases, curated with HD screenshots and the fonts each website uses.",{"websites":515},730,{"id":517,"name":518,"slug":519,"description":520,"_count":521},60,"Transportation","transportation","Browse transportation websites for travel and logistics. Get inspired by real routing, tracking, and booking, curated with HD screenshots and the fonts each website uses.",{"websites":406},{"id":523,"name":524,"slug":525,"description":526,"_count":527},19,"Travel","travel","Discover travel and destination websites that inspire. Get inspired by real itineraries, maps, and booking flows, curated with HD screenshots and the fonts each website uses.",{"websites":528},170,{"id":530,"name":531,"slug":532,"description":533,"_count":534},49,"Type foundry","type-foundry","Explore type foundry websites that sell fonts. Get inspired by real specimen pages and testers, curated with HD screenshots and the fonts each website uses.",{"websites":6},{"id":536,"name":537,"slug":538,"description":539,"_count":540},6,"Typography","typography","Discover typography-driven websites that put type at the center. Get inspired by real layouts with expressive hierarchy and motion, curated with HD screenshots and the fonts each website uses.",{"websites":386},{"id":542,"name":543,"slug":544,"description":37,"_count":545},330,"Venture capital","venture-capital",{"websites":201},[547,551,555,559,562,566,570,574,578,582,586,592,595,599,603,607,610,613,616,620,624,627,631,635,639,643,646,649,653,656,662,666],{"id":548,"name":549,"displayed_name":37,"slug":550,"brand_color":37,"brand_logo_url":37},5130,"Astro","astro",{"id":552,"name":553,"displayed_name":37,"slug":554,"brand_color":37,"brand_logo_url":37},3302,"BigCommerce","bigcommerce",{"id":556,"name":557,"displayed_name":37,"slug":558,"brand_color":37,"brand_logo_url":37},634,"Cargo","cargo-site",{"id":560,"name":557,"displayed_name":37,"slug":561,"brand_color":37,"brand_logo_url":37},96,"cargo",{"id":563,"name":564,"displayed_name":37,"slug":565,"brand_color":37,"brand_logo_url":37},3669,"Cargo.site","cargosite",{"id":567,"name":568,"displayed_name":37,"slug":569,"brand_color":37,"brand_logo_url":37},3061,"Carrd","carrd",{"id":571,"name":572,"displayed_name":37,"slug":573,"brand_color":37,"brand_logo_url":37},1054,"Craft","craft",{"id":575,"name":576,"displayed_name":37,"slug":577,"brand_color":37,"brand_logo_url":37},205,"Element UI","element-ui",{"id":579,"name":580,"displayed_name":37,"slug":581,"brand_color":37,"brand_logo_url":37},114,"Elementor","elementor",{"id":583,"name":584,"displayed_name":37,"slug":585,"brand_color":37,"brand_logo_url":37},973,"Format","format",{"id":587,"name":588,"displayed_name":588,"slug":589,"brand_color":590,"brand_logo_url":591},4418,"Framer","framer-sites","#000000","\u002Fimages\u002Flogos\u002Fframer-mark-w.svg",{"id":269,"name":593,"displayed_name":37,"slug":594,"brand_color":37,"brand_logo_url":37},"GSAP","gsap",{"id":596,"name":597,"displayed_name":37,"slug":598,"brand_color":37,"brand_logo_url":37},2077,"LeadPages","leadpages",{"id":600,"name":601,"displayed_name":37,"slug":602,"brand_color":37,"brand_logo_url":37},607,"Next.js","nextjs",{"id":604,"name":605,"displayed_name":37,"slug":606,"brand_color":37,"brand_logo_url":37},358,"Nuxt.js","nuxtjs",{"id":608,"name":605,"displayed_name":37,"slug":609,"brand_color":37,"brand_logo_url":37},89,"nuxt-js",{"id":478,"name":611,"displayed_name":37,"slug":612,"brand_color":37,"brand_logo_url":37},"React","react",{"id":614,"name":98,"displayed_name":37,"slug":615,"brand_color":37,"brand_logo_url":37},188,"readymag",{"id":617,"name":618,"displayed_name":37,"slug":619,"brand_color":37,"brand_logo_url":37},175,"Ruby","ruby",{"id":621,"name":622,"displayed_name":37,"slug":623,"brand_color":37,"brand_logo_url":37},172,"Ruby on Rails","ruby-on-rails",{"id":413,"name":625,"displayed_name":37,"slug":626,"brand_color":37,"brand_logo_url":37},"Shopify","shopify",{"id":628,"name":629,"displayed_name":37,"slug":630,"brand_color":37,"brand_logo_url":37},150,"Squarespace","squarespace",{"id":632,"name":633,"displayed_name":37,"slug":634,"brand_color":37,"brand_logo_url":37},2734,"Svelte","svelte",{"id":636,"name":637,"displayed_name":37,"slug":638,"brand_color":37,"brand_logo_url":37},1304,"Tailwind CSS","tailwind-css",{"id":640,"name":641,"displayed_name":37,"slug":642,"brand_color":37,"brand_logo_url":37},2011,"Tilda","tilda",{"id":185,"name":644,"displayed_name":37,"slug":645,"brand_color":37,"brand_logo_url":37},"Typekit","typekit",{"id":152,"name":647,"displayed_name":37,"slug":648,"brand_color":37,"brand_logo_url":37},"Vercel","vercel",{"id":650,"name":651,"displayed_name":37,"slug":652,"brand_color":37,"brand_logo_url":37},316,"Vue","vue",{"id":39,"name":654,"displayed_name":37,"slug":655,"brand_color":37,"brand_logo_url":37},"Vue.js","vue-js",{"id":657,"name":658,"displayed_name":37,"slug":659,"brand_color":660,"brand_logo_url":661},74,"Webflow","webflow","#146EF5","\u002Fimages\u002Flogos\u002Fwebflow-mark-w.svg",{"id":663,"name":664,"displayed_name":37,"slug":665,"brand_color":37,"brand_logo_url":37},1041,"Wix","wix",{"id":667,"name":668,"displayed_name":37,"slug":669,"brand_color":37,"brand_logo_url":37},22,"WordPress","wordpress",[671,673,675,677,679,681,683,685,687,689,691,693,695,697,699,701,703,705,707,709,711,713,715,717,719,721,723,725,727,729,731,733,735,737,739,741,743,745,747,749,751,753,755,757,759,761,763,765,767,769,771,773,775,777,779,781,783,785,787,789,791,793,795,797,799,801,803],{"country":672,"name":672},"Argentina",{"country":674,"name":674},"Armenia",{"country":676,"name":676},"Australia",{"country":678,"name":678},"Austria",{"country":680,"name":680},"Belgium",{"country":682,"name":682},"Benin",{"country":684,"name":684},"Bolivia",{"country":686,"name":686},"Brazil",{"country":688,"name":688},"Bulgaria",{"country":690,"name":690},"Canada",{"country":692,"name":692},"Cape Town",{"country":694,"name":694},"Chile",{"country":696,"name":696},"Colombia",{"country":698,"name":698},"Croatia",{"country":700,"name":700},"Czech Republic",{"country":702,"name":702},"Denmark",{"country":704,"name":704},"England",{"country":706,"name":706},"Estonia",{"country":708,"name":708},"Finland",{"country":710,"name":710},"France",{"country":712,"name":712},"Germany",{"country":714,"name":714},"Greece",{"country":716,"name":716},"Guatemala",{"country":718,"name":718},"Hong Kong",{"country":720,"name":720},"Hungary",{"country":722,"name":722},"Iceland",{"country":724,"name":724},"India",{"country":726,"name":726},"Indonesia",{"country":728,"name":728},"Ireland",{"country":730,"name":730},"Israel",{"country":732,"name":732},"Italy",{"country":734,"name":734},"Japan",{"country":736,"name":736},"Kazakhstan ",{"country":738,"name":738},"Latvia",{"country":740,"name":740},"Luxembourg",{"country":742,"name":742},"Malaysia",{"country":744,"name":744},"Mexico",{"country":746,"name":746},"Netherlands",{"country":748,"name":748},"New Caledonia",{"country":750,"name":750},"New Zealand",{"country":752,"name":752},"Nigeria",{"country":754,"name":754},"Norway",{"country":756,"name":756},"Peru",{"country":758,"name":758},"Philippines",{"country":760,"name":760},"Poland",{"country":762,"name":762},"Portugal",{"country":764,"name":764},"Romania",{"country":766,"name":766},"Russia",{"country":768,"name":768},"Scotland",{"country":770,"name":770},"Serbia",{"country":772,"name":772},"Singapore",{"country":774,"name":774},"Slovakia",{"country":776,"name":776},"South Africa",{"country":778,"name":778},"South Korea",{"country":780,"name":780},"Spain",{"country":782,"name":782},"Sweden",{"country":784,"name":784},"Switzerland",{"country":786,"name":786},"Taiwan",{"country":788,"name":788},"The Nederlands",{"country":790,"name":790},"The Netherlands",{"country":792,"name":792},"Turkey",{"country":794,"name":794},"Ukraine",{"country":796,"name":796},"United Arab Emirates",{"country":798,"name":798},"United Kingdom",{"country":800,"name":800},"United States",{"country":802,"name":802},"Uruguay",{"country":804,"name":804},"USA",{"categories":806},[807,813,818,822,827,832,837,842,847,852,857,862,866,871,876,880,884,889,893,897,901,905,910,914,918,922,926,930,934,938,942,946,951,956,960,964,969,973,977,981,986,990,994,998,1002,1006,1011,1016,1021,1025,1030,1034,1036,1040,1045,1050,1054,1059,1064,1069,1073,1077,1081,1086,1090,1095,1100,1105,1110,1115,1120,1125,1130,1135,1140,1145,1150,1154,1158,1160,1165,1170,1174,1179],{"id":39,"name":808,"slug":809,"indexable":810,"_count":811},"Hero","hero",true,{"sections":812},866,{"id":159,"name":814,"slug":815,"indexable":810,"_count":816},"Footer","footer",{"sections":817},731,{"id":194,"name":819,"slug":820,"indexable":810,"_count":821},"Header","header",{"sections":600},{"id":41,"name":823,"slug":824,"indexable":810,"_count":825},"Feature","feature",{"sections":826},530,{"id":503,"name":828,"slug":829,"indexable":810,"_count":830},"Value Proposition","value-proposition",{"sections":831},383,{"id":66,"name":833,"slug":834,"indexable":810,"_count":835},"Testimonial","testimonial",{"sections":836},286,{"id":206,"name":838,"slug":839,"indexable":810,"_count":840},"Call to Action","call-to-action",{"sections":841},229,{"id":335,"name":843,"slug":844,"indexable":810,"_count":845},"Gallery","gallery",{"sections":846},224,{"id":510,"name":848,"slug":849,"indexable":810,"_count":850},"About Us","about-us",{"sections":851},185,{"id":361,"name":853,"slug":854,"indexable":810,"_count":855},"FAQ","faq",{"sections":856},135,{"id":322,"name":858,"slug":859,"indexable":810,"_count":860},"Newsletter","newsletter",{"sections":861},115,{"id":50,"name":863,"slug":864,"indexable":810,"_count":865},"Brand","brand",{"sections":579},{"id":119,"name":867,"slug":868,"indexable":810,"_count":869},"Contact","contact",{"sections":870},107,{"id":452,"name":872,"slug":873,"indexable":810,"_count":874},"Blog","blog",{"sections":875},104,{"id":75,"name":877,"slug":878,"indexable":810,"_count":879},"Stat","stat",{"sections":482},{"id":523,"name":881,"slug":882,"indexable":810,"_count":883},"How It Works","how-it-works",{"sections":418},{"id":276,"name":885,"slug":886,"indexable":810,"_count":887},"Team","team",{"sections":888},78,{"id":393,"name":890,"slug":891,"indexable":810,"_count":892},"Case Study","case-study",{"sections":227},{"id":484,"name":894,"slug":895,"indexable":810,"_count":896},"Pricing","pricing",{"sections":27},{"id":289,"name":898,"slug":899,"indexable":810,"_count":900},"Statistics","statistics",{"sections":221},{"id":375,"name":902,"slug":903,"indexable":810,"_count":904},"Articles","articles",{"sections":452},{"id":906,"name":907,"slug":908,"indexable":810,"_count":909},25,"Client Logos","client-logos",{"sections":201},{"id":300,"name":911,"slug":912,"indexable":810,"_count":913},"Navigation","navigation",{"sections":320},{"id":536,"name":915,"slug":916,"indexable":810,"_count":917},"Integrations","integrations",{"sections":185},{"id":320,"name":919,"slug":920,"indexable":810,"_count":921},"Image Gallery","image-gallery",{"sections":307},{"id":478,"name":923,"slug":924,"indexable":810,"_count":925},"Featured Content","featured-content",{"sections":667},{"id":105,"name":927,"slug":928,"indexable":810,"_count":929},"Benefits","benefits",{"sections":105},{"id":59,"name":931,"slug":932,"indexable":810,"_count":933},"Resource","resource",{"sections":361},{"id":112,"name":935,"slug":936,"indexable":810,"_count":937},"Products","products",{"sections":322},{"id":152,"name":939,"slug":940,"indexable":810,"_count":941},"Case Studies","case-studies",{"sections":152},{"id":667,"name":943,"slug":944,"indexable":810,"_count":945},"Bento","bento",{"sections":276},{"id":947,"name":948,"slug":949,"indexable":810,"_count":950},97,"List","list",{"sections":194},{"id":406,"name":952,"slug":953,"indexable":954,"_count":955},"Mission","mission",false,{"sections":159},{"id":464,"name":957,"slug":958,"indexable":954,"_count":959},"Customer Stories","customer-stories",{"sections":119},{"id":208,"name":961,"slug":962,"indexable":954,"_count":963},"Resources","resources",{"sections":208},{"id":965,"name":966,"slug":967,"indexable":954,"_count":968},196,"Reviews","reviews",{"sections":208},{"id":309,"name":970,"slug":971,"indexable":954,"_count":972},"Use Cases","use-cases",{"sections":208},{"id":307,"name":974,"slug":975,"indexable":954,"_count":976},"Book Demo","book-demo",{"sections":536},{"id":145,"name":978,"slug":979,"indexable":954,"_count":980},"Card","card",{"sections":536},{"id":982,"name":983,"slug":984,"indexable":954,"_count":985},109,"Content","content",{"sections":536},{"id":201,"name":987,"slug":988,"indexable":954,"_count":989},"Partners","partners",{"sections":510},{"id":418,"name":991,"slug":992,"indexable":954,"_count":993},"Product","product",{"sections":510},{"id":126,"name":995,"slug":996,"indexable":954,"_count":997},"Collections","collections",{"sections":269},{"id":489,"name":999,"slug":1000,"indexable":954,"_count":1001},"Timeline","timeline",{"sections":269},{"id":496,"name":1003,"slug":1004,"indexable":954,"_count":1005},"Category","category",{"sections":503},{"id":1007,"name":1008,"slug":1009,"indexable":954,"_count":1010},86,"Image","image",{"sections":503},{"id":1012,"name":1013,"slug":1014,"indexable":954,"_count":1015},110,"Problem","problem",{"sections":503},{"id":1017,"name":1018,"slug":1019,"indexable":954,"_count":1020},132,"Product list","product-list",{"sections":503},{"id":469,"name":1022,"slug":1023,"indexable":954,"_count":1024},"Service","service",{"sections":503},{"id":1026,"name":1027,"slug":1028,"indexable":954,"_count":1029},116,"Article","article",{"sections":255},{"id":185,"name":1031,"slug":1032,"indexable":954,"_count":1033},"Careers","careers",{"sections":255},{"id":89,"name":256,"slug":257,"indexable":954,"_count":1035},{"sections":255},{"id":302,"name":1037,"slug":1038,"indexable":954,"_count":1039},"Events","events",{"sections":255},{"id":1041,"name":1042,"slug":1043,"indexable":954,"_count":1044},108,"Form","form",{"sections":255},{"id":1046,"name":1047,"slug":1048,"indexable":954,"_count":1049},118,"Links","links",{"sections":255},{"id":333,"name":1051,"slug":1052,"indexable":954,"_count":1053},"Map","map",{"sections":255},{"id":1055,"name":1056,"slug":1057,"indexable":954,"_count":1058},220,"Media","media",{"sections":255},{"id":1060,"name":1061,"slug":1062,"indexable":954,"_count":1063},193,"Table","table",{"sections":255},{"id":1065,"name":1066,"slug":1067,"indexable":954,"_count":1068},128,"Value","value",{"sections":255},{"id":875,"name":1070,"slug":1071,"indexable":954,"_count":1072},"Awards","awards",{"sections":39},{"id":888,"name":1074,"slug":1075,"indexable":954,"_count":1076},"Contact Form","contact-form",{"sections":39},{"id":398,"name":1078,"slug":1079,"indexable":954,"_count":1080},"Data","data",{"sections":39},{"id":1082,"name":1083,"slug":1084,"indexable":954,"_count":1085},214,"Event list","event-list",{"sections":39},{"id":608,"name":1087,"slug":1088,"indexable":954,"_count":1089},"Exhibition","exhibition",{"sections":39},{"id":1091,"name":1092,"slug":1093,"indexable":954,"_count":1094},134,"Features grid","features-grid",{"sections":39},{"id":1096,"name":1097,"slug":1098,"indexable":954,"_count":1099},106,"Link","link",{"sections":39},{"id":1101,"name":1102,"slug":1103,"indexable":954,"_count":1104},212,"Location","location",{"sections":39},{"id":1106,"name":1107,"slug":1108,"indexable":954,"_count":1109},113,"Menu","menu",{"sections":39},{"id":1111,"name":1112,"slug":1113,"indexable":954,"_count":1114},180,"Partnership","partnership",{"sections":39},{"id":1116,"name":1117,"slug":1118,"indexable":954,"_count":1119},200,"Platform","platform",{"sections":39},{"id":1121,"name":1122,"slug":1123,"indexable":954,"_count":1124},111,"Podcast","podcast",{"sections":39},{"id":1126,"name":1127,"slug":1128,"indexable":954,"_count":1129},130,"Product Card","product-card",{"sections":39},{"id":1131,"name":1132,"slug":1133,"indexable":954,"_count":1134},219,"Product Gallery","product-gallery",{"sections":39},{"id":1136,"name":1137,"slug":1138,"indexable":954,"_count":1139},93,"Product Information","product-information",{"sections":39},{"id":1141,"name":1142,"slug":1143,"indexable":954,"_count":1144},173,"Product Showcase","product-showcase",{"sections":39},{"id":1146,"name":1147,"slug":1148,"indexable":954,"_count":1149},119,"Schedule","schedule",{"sections":39},{"id":579,"name":1151,"slug":1152,"indexable":954,"_count":1153},"Section","section",{"sections":39},{"id":173,"name":1155,"slug":1156,"indexable":954,"_count":1157},"Services","services",{"sections":39},{"id":368,"name":479,"slug":480,"indexable":954,"_count":1159},{"sections":39},{"id":1161,"name":1162,"slug":1163,"indexable":954,"_count":1164},127,"Summary","summary",{"sections":39},{"id":1166,"name":1167,"slug":1168,"indexable":954,"_count":1169},125,"Target Audience","target-audience",{"sections":39},{"id":482,"name":1171,"slug":1172,"indexable":954,"_count":1173},"Text","text",{"sections":39},{"id":1175,"name":1176,"slug":1177,"indexable":954,"_count":1178},215,"Trust","trust",{"sections":39},{"id":1180,"name":1181,"slug":1182,"indexable":954,"_count":1183},103,"Video","video",{"sections":39},{"sections":1185,"count":1368,"category":1369,"tag":1603},[1186,1207,1228,1247,1264,1281,1299,1317,1334,1351],{"id":1187,"image":1188,"name":1189,"slug":1190,"seo_title":1191,"seo_description":1192,"seo_alt_text":1193,"seo_tags":1194,"seo_indexable":810,"website":1200,"categories":1204},26393,"a1596836-dfd5-4cff-b147-bc39c3fe0858.png","Recent news and events","manual-section-blog-t9dvui","Manual Journal news and events card row","The Manual Journal section presents recent studio news and events as a dark, high-contrast strip. A large Journal heading sits beside a Read More pill and arrow controls, above a single row of image-led cards. Each card stacks a rounded thumbnail—press clipping, lecture photo, or monogram—over a small all-caps category and a serif headline. Cropping the last card against the arrows makes the sequence read as a continuing horizontal strip.","Manual Journal section: dark row of news cards for Creative Boom, Letterform Archive, and TDC",[1195,1196,1197,235,1198,1199],"Card-based","Horizontal Scroll","Dark","Serif-led","Photographic",{"id":1201,"slug":1202,"title":1203},86302,"manual","Manual",[1205],{"category":1206},{"id":452,"name":872,"slug":873},{"id":1208,"image":1209,"name":1210,"slug":1211,"seo_title":1212,"seo_description":1213,"seo_alt_text":1214,"seo_tags":1215,"seo_indexable":810,"website":1221,"categories":1225},26195,"3647b5b7-f258-404b-be98-4fa5c1df4e75.png","Blog Post Feed","dobre-agency-section-blog-l4r56y","Dobre Agency Latest From the Studio Feed","The Dobre Agency blog feed opens with “The latest from the studio” above a hairline rule. Three columns present recent stories: image-plus-headline posts on the sides and a text-only partnership announcement in the center. Category pills sit above serif headlines on a pale cream field, separated by thin vertical rules. Mixing image-led and type-led items keeps the grid editorial without repeating one card pattern.","Dobre Agency blog feed The latest from the studio with three news columns and two project images",[236,1216,1217,1218,1219,1220],"light","typographic","image-led","asymmetric","agency",{"id":1222,"slug":1223,"title":1224},85739,"dobre-agency","Dobre Agency",[1226],{"category":1227},{"id":452,"name":872,"slug":873},{"id":1229,"image":1230,"name":1231,"slug":1232,"seo_title":1233,"seo_description":1234,"seo_alt_text":1235,"seo_tags":1236,"seo_indexable":810,"website":1240,"categories":1244},20310,"26ea5e1f-871f-44d7-9651-97f885bcd08c.png","News Feed","together-section-blog-cdbfnu","Together Updates News Feed","This Together updates section presents a compact news feed of client press mentions. A small all-caps UPDATES label sits at the top left, while four equal columns each lead with a publication wordmark—Fast Company, Financial Times, Crunchbase, and Index Ventures—then a truncated headline. The layout is a spacious four-column grid on an off-white field, with black type and no imagery. Pairing each story with its source logo makes the outlet the primary cue, so credibility is scanned before the copy.","Together updates section with four press headlines from Fast Company, Financial Times, Crunchbase and Index Ventures",[1237,235,1238,1239],"Grid","Light","Mixed Type",{"id":1241,"slug":1242,"title":1243},81827,"together","Together",[1245],{"category":1246},{"id":452,"name":872,"slug":873},{"id":1248,"image":1249,"name":1250,"slug":1251,"seo_title":1252,"seo_description":1253,"seo_alt_text":1254,"seo_tags":1255,"seo_indexable":810,"website":1257,"categories":1261},19810,"012908be-f505-45f5-9d1a-8501f5bcbd9a.png","Journal Posts","our-lifes-work-section-blog-bsclpg","Our Life's Work Journal Posts","The Journal block lists three studio essays in a dark three-column grid. A sparse header pairs a small all-caps JOURNAL label with See all, then each column stacks a photograph over a serif headline and muted dek. Side portraits of a dancer and tennis hands bookend a shorter monochrome abstract, so the center copy sits higher and breaks an otherwise even row. High-contrast photography on black keeps the set editorial rather than list-like.","Our Life's Work journal: three dark-grid posts with dance, abstract, and tennis photos",[1256,1197,235,1199,1198],"Three Column",{"id":1258,"slug":1259,"title":1260},81640,"our-lifes-work","Our Lifes Work",[1262],{"category":1263},{"id":452,"name":872,"slug":873},{"id":1265,"image":1266,"name":1267,"slug":1268,"seo_title":1269,"seo_description":1270,"seo_alt_text":1271,"seo_tags":1272,"seo_indexable":810,"website":1274,"categories":1278},19905,"4fa0174c-be63-4630-a239-907b01b4edfa.png","Latest News","new-arc-section-blog-z4nsdo","New Arc Latest News Three-Column Cards","New Arc’s latest-news section presents three equally sized story cards under a small left-aligned heading. Each card pairs a tall rounded image with a headline and muted date below, mixing a navy brand tile, a halftone dotted figure, and a posed team photograph. The cream field and navy sans type keep the row editorial and quiet. Placing titles under the media, rather than over it, leaves the graphics and photo uncluttered while dates stay secondary.","New Arc latest news section with three cards: navy New Arc 2.0 tile, dotted graphic, and three people on a sofa.",[1256,1195,1238,1199,1273],"Sans-serif",{"id":1275,"slug":1276,"title":1277},81500,"new-arc","New Arc",[1279],{"category":1280},{"id":452,"name":872,"slug":873},{"id":1282,"image":1283,"name":1284,"slug":1285,"seo_title":1286,"seo_description":1287,"seo_alt_text":1288,"seo_tags":1289,"seo_indexable":810,"website":1292,"categories":1296},10626,"0f3fd8ea-7080-4cd4-901e-a35e0f1182b0.png","Coffee Break","company-policy-section-blog-xwqox4","Company Policy Coffee Break News Grid","Company Policy’s Coffee Break section lines up four recent studio stories in an even horizontal row. A small all-caps label sits above the images, then compact dates and longer white headlines. The saturated blue field turns mixed photographic thumbnails into a news strip rather than a portfolio. Pairing short date stamps with conversational serif headlines keeps the updates scannable while the pictures supply the visual range.","Company Policy Coffee Break section: four news cards with images and headlines on a bright blue field",[1237,1290,1199,1239,1291],"Colourful","High Contrast",{"id":1293,"slug":1294,"title":1295},81334,"company-policy","Company Policy",[1297],{"category":1298},{"id":452,"name":872,"slug":873},{"id":1300,"image":1301,"name":1302,"slug":1303,"seo_title":1304,"seo_description":1305,"seo_alt_text":1306,"seo_tags":1307,"seo_indexable":810,"website":1310,"categories":1314},10044,"dd04e770-77d6-4b78-80b7-b7ff103be874.png","Archive","stephane-issartel-section-blog-ocby2w","Stéphane Issartel Archives Project Table","The Archives section on Stéphane Issartel's site catalogs earlier work as a four-column ledger of date, project, type, and client. A small dotted heading sits above a wide field of warm off-white, then muted headers and hairline rules organize evenly spaced rows of black sans-serif text. Hierarchy is tabular rather than pictorial, so project names become the scan path. Aligning metadata in columns instead of cards lets year, discipline, and client be compared at a glance.","Stéphane Issartel Archives section: a four-column table of project dates, names, types, and clients on cream.",[1237,235,1308,1238,1309,1273],"Swiss Style","Typographic",{"id":1311,"slug":1312,"title":1313},80948,"stephane-issartel","Stephane Issartel",[1315],{"category":1316},{"id":452,"name":872,"slug":873},{"id":1318,"image":1319,"name":1320,"slug":1321,"seo_title":1322,"seo_description":1323,"seo_alt_text":1324,"seo_tags":1325,"seo_indexable":810,"website":1327,"categories":1331},7817,"718390be-a894-48bc-938f-392670be93a1.png","Blog feed","vide-infra-section-blog-lfyed2","Vide Infra Insights Blog Feed","The Vide Infra Insights block introduces recent writing with an oversized left-aligned title opposite a compact pill CTA. Below, three equal cards form a single row: dark photographic stills sit above multi-line headlines, while read-time and topic labels sit at the foot of each card. White space, thin borders, and high-contrast black display type keep the feed quiet and scannable. Parking metadata at the base lets the titles form a clean horizontal line.","Vide Infra Insights blog feed with oversized heading, Read Our Blog button, and three image-led article cards",[1256,1195,1238,1199,1326],"Oversized Type",{"id":1328,"slug":1329,"title":1330},79853,"vide-infra","Vide Infra",[1332],{"category":1333},{"id":452,"name":872,"slug":873},{"id":1335,"image":1336,"name":1337,"slug":1338,"seo_title":1339,"seo_description":1340,"seo_alt_text":1341,"seo_tags":1342,"seo_indexable":810,"website":1344,"categories":1348},7851,"160a3c53-d5cf-4eb7-a571-f2459db09c56.png","Cat Burgess Article","frost-section-blog-agkluc","Frost News Highlights Article Cards","This Frost news highlights section presents recent studio stories as three equal article cards. Each card leads with a large photograph, then a bold headline and a short excerpt; the right-hand card also shows a date and a Read more cue. The layout is a clean three-column grid on white, mixing a labeled black-and-white portrait, a color studio portrait of Cat Burgess, and a darker performance still. Overlaying yellow all-caps type on the first image gives that story a category stamp without breaking the card rhythm.","Frost news highlights: three photo-led article cards including Cat Burgess on Designing Places",[1256,235,1199,1198,1343],"All Caps",{"id":1345,"slug":1346,"title":1347},79767,"frost","Frost",[1349],{"category":1350},{"id":452,"name":872,"slug":873},{"id":1352,"image":1353,"name":1354,"slug":1355,"seo_title":1356,"seo_description":1357,"seo_alt_text":1358,"seo_tags":1359,"seo_indexable":810,"website":1361,"categories":1365},8011,"4fd1e38d-0c95-40fb-b0a8-a11071b7580b.png","Blog articles","journey-section-blog-momv3k","Journey Digital Blog Articles Filmstrip","This Journey Digital section presents blog articles as a dark, edge-cropped row of portrait covers. Hierarchy is image-led: vintage magazine art, digital collage, and black-and-white documentary photos fill the frames, with only occasional cover type such as COMPUTER. Distressed torn-film borders separate each card from the black field. Framing mixed source images as analog stills gives the article index an editorial, archival character rather than a text list.","Journey Digital blog section: dark filmstrip of article covers from vintage Computer art to a team photo",[1196,235,1199,1360,1197],"Textured",{"id":1362,"slug":1363,"title":1364},79751,"journey","Journey",[1366],{"category":1367},{"id":452,"name":872,"slug":873},{"pages":39,"sections":194},{"id":452,"name":872,"slug":873,"seo_title":1370,"seo_description":1371,"intro":1372,"design_guidance":1373,"pattern_groups":1374,"faqs":1592,"indexable":810,"_count":1602},"Blog Sections for Articles, News, and Journals","Reference for designing blog sections that surface articles, news, and journals. Compare card grids, stacked lists, featured mixes, and editorial spotlights.","A blog section is a homepage or landing-page module that publishes a short set of recent writing. It is not the archive. Its job is to prove the site is alive, invite a deeper click, and signal what the company wants to be known for talking about. The same job takes many forms here. Product teams lean on dated cards and release notes. Agencies mix long headlines with case-study imagery. Food and fashion brands treat posts like a lookbook. Housing, architecture, and galleries often borrow a press-clipping format, where outlet names and dates work as hard as the title. Single-story interviews and event heroes pause the feed entirely. Hierarchy matters more than decoration. Some sections give every post equal weight. Others pick one lead and tuck companions into a list. Metadata ranges from a quiet date to category pills, authors, and publication logos. Images either carry the story or sit as a small thumbnail under type.","The first thing I look at in review is whether the section can survive a bad week of titles. Long agency headlines blow a three-column grid apart unless one column can go type-only. Equal cards look tidy in Figma, then sag when a 14-word title sits next to a five-word one. Ask what the image is doing. Product icons can sit as placeholders. Fashion and food need the crop to sell the click. Mixed ratios only work when the layout expects them. A forced 16:9 on a portrait interview wastes the person. Carousels keep a homepage calm when the CMS will dump eight posts, but they hide recency. If the newest story can slide off-screen, the section stops proving the site is current. Three honest cards and a clear path to the archive usually beat four-and-a-peek. Featured-plus-list earns its keep when the lead is a different kind of object: a product announcement beside shorter articles. If every item is the same type, the big tile reads as favoritism. Mute the images and read only category, date, and title. If you cannot tell news from journal from changelog, the metadata is decoration.",[1375,1419,1463,1494,1525,1548],{"title":1376,"sectionIds":1377,"description":1381,"sections":1382},"Equal card rows and sliding decks",[1378,1379,1380],26030,25745,25801,"Posts sit as peers in a horizontal row or a peeking carousel. Image, category, date, and title stay in a fixed rhythm so the CMS can swap stories without redesign. The pattern is honest about volume, but a half-visible fourth card can make the newest work feel unfinished.",[1383,1395,1407],{"id":1378,"image":1384,"name":1385,"slug":1386,"seo_alt_text":1387,"seo_indexable":810,"website":1388,"categories":1392},"6874a6f3-71d7-49c6-9dbe-82f4c5757041.png","Latest journal posts","haven-foods-section-blog-vsv37k","Haven Foods latest journal section: four image cards on shrimp stocking, farmers, and a grilled cheese recipe",{"id":1389,"slug":1390,"title":1391},84995,"haven-foods","Haven Foods",[1393],{"category":1394},{"id":452,"name":872,"slug":873},{"id":1379,"image":1396,"name":1397,"slug":1398,"seo_alt_text":1399,"seo_indexable":810,"website":1400,"categories":1404},"15d73278-04cd-44c1-85cd-91a5469fc32f.png","Recent news and releases","base-section-blog-owdqyh","Base Latest Releases section with image-led cards for Azul, trading, dashboard, and builder news",{"id":1401,"slug":1402,"title":1403},86044,"base","Base",[1405],{"category":1406},{"id":452,"name":872,"slug":873},{"id":1380,"image":1408,"name":1409,"slug":1410,"seo_alt_text":1411,"seo_indexable":810,"website":1412,"categories":1416},"2a36d9a3-f6e2-4a7e-89e6-1e22e97f59d0.png","Featured articles","leo-lin-section-blog-t75niu","Leo Lin featured articles: three fashion collection photos with overlay titles and Read More",{"id":1413,"slug":1414,"title":1415},86124,"leo-lin","Leo Lin",[1417],{"category":1418},{"id":452,"name":872,"slug":873},{"title":1420,"sectionIds":1421,"description":1425,"sections":1426},"Featured lead with supporting posts",[1422,1423,1424],25936,25304,24567,"One story takes the large tile. Companions stack beside or below it as shorter cards or a compact list. The layout works when the lead is genuinely different in length or type. It fails when the big slot is just whatever published last.",[1427,1439,1451],{"id":1422,"image":1428,"name":1429,"slug":1430,"seo_alt_text":1431,"seo_indexable":810,"website":1432,"categories":1436},"4ca76a93-4725-4acd-9efa-850291fe6bff.png","Blog and Articles","directus-section-blog-a2qpys","Directus blog section with three dark cards: Docker product post and two article previews with icons.",{"id":1433,"slug":1434,"title":1435},86140,"directus","Directus",[1437],{"category":1438},{"id":452,"name":872,"slug":873},{"id":1423,"image":1440,"name":1441,"slug":1442,"seo_alt_text":1443,"seo_indexable":810,"website":1444,"categories":1448},"72550fd5-cfca-4e58-adb6-8038f6c390f8.png","Blog highlights","norma-section-blog-z6fh6y","Norma From the journal section with a featured desk photo of the steel disc and four article previews.",{"id":1445,"slug":1446,"title":1447},83599,"norma","Norma",[1449],{"category":1450},{"id":452,"name":872,"slug":873},{"id":1424,"image":1452,"name":1453,"slug":1454,"seo_alt_text":1455,"seo_indexable":810,"website":1456,"categories":1460},"65f34508-795a-4b27-a71b-a033e5c4c6d7.png","Blog Posts","retool-section-blog-mxzzi3","Retool latest posts section with a dark bento grid, hand-and-screens art, article titles, and a green card",{"id":1457,"slug":1458,"title":1459},85196,"retool","Retool",[1461],{"category":1462},{"id":452,"name":872,"slug":873},{"title":1464,"sectionIds":1465,"description":1468,"sections":1469},"Press clippings and credited coverage",[1466,1467],25969,25675,"These sections treat writing as proof someone else is talking. Thumbnails sit beside outlet names, dates, and a read action. The hierarchy is source first, then headline. Useful when the brand’s own voice is less important than third-party validation.",[1470,1482],{"id":1466,"image":1471,"name":1472,"slug":1473,"seo_alt_text":1474,"seo_indexable":810,"website":1475,"categories":1479},"4accd6f2-a758-429c-ade1-98d51d5bf291.png","Featured news articles","the-american-housing-corporation-section-blog-ikqc6b","American Housing Corporation Featured News list with three press stories, thumbnails, outlet names, and large headlines",{"id":1476,"slug":1477,"title":1478},86147,"the-american-housing-corporation","The American Housing Corporation",[1480],{"category":1481},{"id":452,"name":872,"slug":873},{"id":1467,"image":1483,"name":1484,"slug":1485,"seo_alt_text":1486,"seo_indexable":810,"website":1487,"categories":1491},"502a2ceb-e571-4b14-8a90-16d592d41f69.png","In the Media","chapitre-residentiel-section-blog-tcil8x","Chapitre Résidentiel In the Media section with They’re talking about us and a row of press photo cards on beige.",{"id":1488,"slug":1489,"title":1490},85979,"chapitre-residentiel","Chapitre Residentiel",[1492],{"category":1493},{"id":452,"name":872,"slug":873},{"title":1495,"sectionIds":1496,"description":1499,"sections":1500},"Single-story editorial spotlights",[1497,1498],26151,25909,"Instead of a feed, one interview or event occupies the whole module. A large photograph, a type label, and a headline do the work. This is the right call when one story should interrupt the page. It is the wrong call if the CMS expects a rotating list every week.",[1501,1513],{"id":1497,"image":1502,"name":1503,"slug":1504,"seo_alt_text":1505,"seo_indexable":810,"website":1506,"categories":1510},"240a10e1-2bcd-4c25-91a3-01149b010528.png","Latest News Grid","london-film-school-section-blog-knz3fd","London Film School Open Day banner: red headline overlay on a photo of the corner school building.",{"id":1507,"slug":1508,"title":1509},85782,"london-film-school","London Film School",[1511],{"category":1512},{"id":452,"name":872,"slug":873},{"id":1498,"image":1514,"name":1515,"slug":1516,"seo_alt_text":1517,"seo_indexable":810,"website":1518,"categories":1522},"2dce3d1a-0941-472c-b3da-45ad6f9b3ce0.png","Interview Article Preview","totei-section-blog-ksz2d0","Totei interview preview: Mary H.K. Choi portrait above INTERVIEW kicker and large serif headline",{"id":1519,"slug":1520,"title":1521},85559,"totei","Totei",[1523],{"category":1524},{"id":452,"name":872,"slug":873},{"title":1526,"sectionIds":1527,"description":1529,"sections":1530},"Mixed-width typographic columns",[1208,1528],25737,"Three columns share a rule, but not every cell needs a photo. Headlines can run long, images can drop below the text, and a middle column can be type alone. The section feels like a studio wall rather than a product catalog. Title length becomes the design.",[1531,1536],{"id":1208,"image":1209,"name":1210,"slug":1211,"seo_alt_text":1214,"seo_indexable":810,"website":1532,"categories":1533},{"id":1222,"slug":1223,"title":1224},[1534],{"category":1535},{"id":452,"name":872,"slug":873},{"id":1528,"image":1537,"name":1538,"slug":1539,"seo_alt_text":1540,"seo_indexable":810,"website":1541,"categories":1545},"de153bd7-2aaa-498d-b2a6-1bce3ad955ee.png","Blog Post List","siha-section-blog-gwtias","SIHA Community blog list with three rust-red columns of article titles, excerpts, and tinted photos",{"id":1542,"slug":1543,"title":1544},86099,"siha","Siha",[1546],{"category":1547},{"id":452,"name":872,"slug":873},{"title":1549,"sectionIds":1550,"description":1554,"sections":1555},"Image-led editorial grids",[1551,1552,1553],25183,25170,25658,"Photography does the sorting. Two or four large frames, a small category, and a short title. Little or no excerpt. This pattern suits collections, practice news, and gallery headlines where the picture is the argument. Weak photography leaves you with empty fields or generic crops.",[1556,1568,1580],{"id":1551,"image":1557,"name":1558,"slug":1559,"seo_alt_text":1560,"seo_indexable":810,"website":1561,"categories":1565},"eef97e1f-5ec4-4b78-972b-2a0e0688716b.png","Featured articles grid","baker-bleu-section-blog-vw269m","Baker Bleu featured articles grid with four food photos and blue all-caps titles on cream",{"id":1562,"slug":1563,"title":1564},84783,"baker-bleu","Baker Bleu",[1566],{"category":1567},{"id":452,"name":872,"slug":873},{"id":1552,"image":1569,"name":1570,"slug":1571,"seo_alt_text":1572,"seo_indexable":810,"website":1573,"categories":1577},"87e81de1-7d99-47b1-ac28-683267afc1f0.png","Recent news articles","winston-taylor-section-blog-m5dgg3","Winston Taylor recent news: two photo cards for a 2026 investment report and transatlantic combination.",{"id":1574,"slug":1575,"title":1576},86096,"winston-taylor","Winston Taylor",[1578],{"category":1579},{"id":452,"name":872,"slug":873},{"id":1553,"image":1581,"name":1582,"slug":1583,"seo_alt_text":1584,"seo_indexable":810,"website":1585,"categories":1589},"8aad1bfe-97fa-4809-bbf0-79e5d424df35.png","News and press highlights","goodman-gallery-section-blog-e5xc34","Goodman Gallery Headlines: two-column news photos of a yellow sculpture and a cinematic portrait.",{"id":1586,"slug":1587,"title":1588},85638,"goodman-gallery","Goodman Gallery",[1590],{"category":1591},{"id":452,"name":872,"slug":873},[1593,1596,1599],{"answer":1594,"question":1595},"Enough to show a pulse, not enough to become an archive. Three to four is the recurring comfortable set: one thought per card, one glance to see the range. Six-plus starts to compete with the page’s primary offer. If the team publishes weekly, rotate the set and keep a single link to the full index. Sparse publishers should not pad with old work just to fill a four-up.","How many posts belong on a marketing-page blog section?",{"answer":1597,"question":1598},"When the writing is not one genre. Product blogs mix changelog, thought leadership, and customer stories; those labels help a skimmer skip. A studio journal that is all process notes can live with dates alone. Homepage filters are usually theater. A few persistent labels on the cards, plus a real taxonomy on the index page, is enough. If every post wears the same chip, delete the chip.","When does a homepage blog section need categories?",{"answer":1600,"question":1601},"Match the page’s chrome, not a generic magazine skin. Type size, rules, and card radius should feel like the product around them. What can shift is density and photography: a fashion house can go full bleed; a developer tool can use icons and excerpts. The failure mode is a leftover WordPress widget dropped into an otherwise considered site. If the section could be swapped onto a competitor without anyone noticing, the voice is wrong.","Should a blog section look like a magazine or like the rest of the site?",{"sections":875},{"id":152,"name":153,"slug":154},{"categories":1605},[1606,1608,1611,1613,1615,1617,1619,1621,1623,1625,1627,1629,1631,1633,1635],{"id":39,"name":808,"slug":809,"indexable":810,"_count":1607},{"sections":1136},{"id":159,"name":814,"slug":815,"indexable":810,"_count":1609},{"sections":1610},73,{"id":194,"name":819,"slug":820,"indexable":810,"_count":1612},{"sections":246},{"id":503,"name":828,"slug":829,"indexable":810,"_count":1614},{"sections":452},{"id":41,"name":823,"slug":824,"indexable":810,"_count":1616},{"sections":667},{"id":119,"name":867,"slug":868,"indexable":810,"_count":1618},{"sections":523},{"id":66,"name":833,"slug":834,"indexable":810,"_count":1620},{"sections":523},{"id":206,"name":838,"slug":839,"indexable":810,"_count":1622},{"sections":484},{"id":50,"name":863,"slug":864,"indexable":810,"_count":1624},{"sections":206},{"id":393,"name":890,"slug":891,"indexable":810,"_count":1626},{"sections":206},{"id":276,"name":885,"slug":886,"indexable":810,"_count":1628},{"sections":152},{"id":510,"name":848,"slug":849,"indexable":810,"_count":1630},{"sections":478},{"id":322,"name":858,"slug":859,"indexable":810,"_count":1632},{"sections":276},{"id":335,"name":843,"slug":844,"indexable":810,"_count":1634},{"sections":375},{"id":452,"name":872,"slug":873,"indexable":810,"_count":1636},{"sections":194}]