[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f1h00t08y7hyaw":3,"public-section-categories":803,"$f3vib5oiq6nxwx":1194,"$f1qxm5rwhfm0fn":1629},{"ads":4,"websiteCategories":103,"technologies":545,"locations":668,"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},89,"Readymag","Create your dream website with Readymag","c6f73ab5-abd4-41ff-bac5-eb8b8e181a73.png","c56a52bf292db5de800b481e65bb2e34","secondary",[104,111,118,125,132,138,145,152,159,166,173,180,187,194,201,208,215,221,227,234,241,248,255,262,268,275,282,289,296,301,307,314,320,327,333,340,347,354,361,366,373,380,386,391,398,404,411,418,425,431,437,444,451,457,462,469,476,482,489,496,502,509,516,521,528,534,540],{"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},2618,{"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},461,{"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},447,{"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},219,{"id":133,"name":134,"slug":135,"description":37,"_count":136},629,"Artificial intelligence","artificial-intelligence",{"websites":137},226,{"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":144},31,{"id":146,"name":147,"slug":148,"description":149,"_count":150},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":151},419,{"id":153,"name":154,"slug":155,"description":156,"_count":157},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":158},572,{"id":160,"name":161,"slug":162,"description":163,"_count":164},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":165},481,{"id":167,"name":168,"slug":169,"description":170,"_count":171},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":172},63,{"id":174,"name":175,"slug":176,"description":177,"_count":178},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":179},125,{"id":181,"name":182,"slug":183,"description":184,"_count":185},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":186},28,{"id":188,"name":189,"slug":190,"description":191,"_count":192},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":193},144,{"id":195,"name":196,"slug":197,"description":198,"_count":199},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":200},381,{"id":202,"name":203,"slug":204,"description":205,"_count":206},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":207},15,{"id":209,"name":210,"slug":211,"description":212,"_count":213},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":214},1202,{"id":216,"name":217,"slug":218,"description":37,"_count":219},192,"Design studio","design-studio",{"websites":220},152,{"id":222,"name":223,"slug":224,"description":225,"_count":226},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":228,"name":229,"slug":230,"description":231,"_count":232},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":233},1545,{"id":235,"name":236,"slug":237,"description":238,"_count":239},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":240},73,{"id":242,"name":243,"slug":244,"description":245,"_count":246},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":247},60,{"id":249,"name":250,"slug":251,"description":252,"_count":253},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":254},321,{"id":256,"name":257,"slug":258,"description":259,"_count":260},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":261},267,{"id":263,"name":264,"slug":265,"description":266,"_count":267},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":188},{"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},927,{"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},236,{"id":283,"name":284,"slug":285,"description":286,"_count":287},46,"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":288},404,{"id":290,"name":291,"slug":292,"description":293,"_count":294},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":295},641,{"id":18,"name":297,"slug":298,"description":299,"_count":300},"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":263},{"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":112},{"id":308,"name":309,"slug":310,"description":311,"_count":312},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":313},223,{"id":315,"name":316,"slug":317,"description":318,"_count":319},59,"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":144},{"id":321,"name":322,"slug":323,"description":324,"_count":325},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":326},318,{"id":328,"name":329,"slug":330,"description":331,"_count":332},38,"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":216},{"id":334,"name":335,"slug":336,"description":337,"_count":338},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":339},285,{"id":341,"name":342,"slug":343,"description":344,"_count":345},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":346},162,{"id":348,"name":349,"slug":350,"description":351,"_count":352},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":353},603,{"id":355,"name":356,"slug":357,"description":358,"_count":359},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":360},17,{"id":362,"name":363,"slug":364,"description":37,"_count":365},435,"Legal","legal",{"websites":269},{"id":367,"name":368,"slug":369,"description":370,"_count":371},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":372},193,{"id":374,"name":375,"slug":376,"description":377,"_count":378},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":379},388,{"id":381,"name":382,"slug":383,"description":37,"_count":384},416,"Marketing","marketing",{"websites":385},143,{"id":387,"name":388,"slug":389,"description":37,"_count":390},149,"Membership","membership",{"websites":160},{"id":392,"name":393,"slug":394,"description":395,"_count":396},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":397},120,{"id":399,"name":400,"slug":401,"description":402,"_count":403},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":263},{"id":405,"name":406,"slug":407,"description":408,"_count":409},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":410},203,{"id":412,"name":413,"slug":414,"description":415,"_count":416},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":417},91,{"id":419,"name":420,"slug":421,"description":422,"_count":423},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":424},66,{"id":360,"name":426,"slug":427,"description":428,"_count":429},"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":430},427,{"id":39,"name":432,"slug":433,"description":434,"_count":435},"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":436},1429,{"id":438,"name":439,"slug":440,"description":441,"_count":442},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":443},146,{"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},325,{"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":443},{"id":6,"name":458,"slug":459,"description":460,"_count":461},"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":438},{"id":463,"name":464,"slug":465,"description":466,"_count":467},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":468},100,{"id":470,"name":471,"slug":472,"description":473,"_count":474},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":475},349,{"id":477,"name":478,"slug":479,"description":231,"_count":480},13,"Shop","shop",{"websites":481},101,{"id":483,"name":484,"slug":485,"description":486,"_count":487},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":488},140,{"id":490,"name":491,"slug":492,"description":493,"_count":494},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":495},112,{"id":144,"name":497,"slug":498,"description":499,"_count":500},"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":501},222,{"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},527,{"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},747,{"id":247,"name":517,"slug":518,"description":519,"_count":520},"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":105},{"id":522,"name":523,"slug":524,"description":525,"_count":526},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":527},171,{"id":529,"name":530,"slug":531,"description":532,"_count":533},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":18},{"id":535,"name":536,"slug":537,"description":538,"_count":539},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":385},{"id":541,"name":542,"slug":543,"description":37,"_count":544},330,"Venture capital","venture-capital",{"websites":308},[546,550,554,558,561,565,569,573,577,581,585,591,594,598,602,606,608,611,614,618,622,625,629,633,637,641,644,647,651,654,660,664],{"id":547,"name":548,"displayed_name":37,"slug":549,"brand_color":37,"brand_logo_url":37},5130,"Astro","astro",{"id":551,"name":552,"displayed_name":37,"slug":553,"brand_color":37,"brand_logo_url":37},3302,"BigCommerce","bigcommerce",{"id":555,"name":556,"displayed_name":37,"slug":557,"brand_color":37,"brand_logo_url":37},634,"Cargo","cargo-site",{"id":559,"name":556,"displayed_name":37,"slug":560,"brand_color":37,"brand_logo_url":37},96,"cargo",{"id":562,"name":563,"displayed_name":37,"slug":564,"brand_color":37,"brand_logo_url":37},3669,"Cargo.site","cargosite",{"id":566,"name":567,"displayed_name":37,"slug":568,"brand_color":37,"brand_logo_url":37},3061,"Carrd","carrd",{"id":570,"name":571,"displayed_name":37,"slug":572,"brand_color":37,"brand_logo_url":37},1054,"Craft","craft",{"id":574,"name":575,"displayed_name":37,"slug":576,"brand_color":37,"brand_logo_url":37},205,"Element UI","element-ui",{"id":578,"name":579,"displayed_name":37,"slug":580,"brand_color":37,"brand_logo_url":37},114,"Elementor","elementor",{"id":582,"name":583,"displayed_name":37,"slug":584,"brand_color":37,"brand_logo_url":37},973,"Format","format",{"id":586,"name":587,"displayed_name":587,"slug":588,"brand_color":589,"brand_logo_url":590},4418,"Framer","framer-sites","#000000","\u002Fimages\u002Flogos\u002Fframer-mark-w.svg",{"id":269,"name":592,"displayed_name":37,"slug":593,"brand_color":37,"brand_logo_url":37},"GSAP","gsap",{"id":595,"name":596,"displayed_name":37,"slug":597,"brand_color":37,"brand_logo_url":37},2077,"LeadPages","leadpages",{"id":599,"name":600,"displayed_name":37,"slug":601,"brand_color":37,"brand_logo_url":37},607,"Next.js","nextjs",{"id":603,"name":604,"displayed_name":37,"slug":605,"brand_color":37,"brand_logo_url":37},358,"Nuxt.js","nuxtjs",{"id":97,"name":604,"displayed_name":37,"slug":607,"brand_color":37,"brand_logo_url":37},"nuxt-js",{"id":477,"name":609,"displayed_name":37,"slug":610,"brand_color":37,"brand_logo_url":37},"React","react",{"id":612,"name":98,"displayed_name":37,"slug":613,"brand_color":37,"brand_logo_url":37},188,"readymag",{"id":615,"name":616,"displayed_name":37,"slug":617,"brand_color":37,"brand_logo_url":37},175,"Ruby","ruby",{"id":619,"name":620,"displayed_name":37,"slug":621,"brand_color":37,"brand_logo_url":37},172,"Ruby on Rails","ruby-on-rails",{"id":412,"name":623,"displayed_name":37,"slug":624,"brand_color":37,"brand_logo_url":37},"Shopify","shopify",{"id":626,"name":627,"displayed_name":37,"slug":628,"brand_color":37,"brand_logo_url":37},150,"Squarespace","squarespace",{"id":630,"name":631,"displayed_name":37,"slug":632,"brand_color":37,"brand_logo_url":37},2734,"Svelte","svelte",{"id":634,"name":635,"displayed_name":37,"slug":636,"brand_color":37,"brand_logo_url":37},1304,"Tailwind CSS","tailwind-css",{"id":638,"name":639,"displayed_name":37,"slug":640,"brand_color":37,"brand_logo_url":37},2011,"Tilda","tilda",{"id":186,"name":642,"displayed_name":37,"slug":643,"brand_color":37,"brand_logo_url":37},"Typekit","typekit",{"id":153,"name":645,"displayed_name":37,"slug":646,"brand_color":37,"brand_logo_url":37},"Vercel","vercel",{"id":648,"name":649,"displayed_name":37,"slug":650,"brand_color":37,"brand_logo_url":37},316,"Vue","vue",{"id":39,"name":652,"displayed_name":37,"slug":653,"brand_color":37,"brand_logo_url":37},"Vue.js","vue-js",{"id":655,"name":656,"displayed_name":37,"slug":657,"brand_color":658,"brand_logo_url":659},74,"Webflow","webflow","#146EF5","\u002Fimages\u002Flogos\u002Fwebflow-mark-w.svg",{"id":661,"name":662,"displayed_name":37,"slug":663,"brand_color":37,"brand_logo_url":37},1041,"Wix","wix",{"id":665,"name":666,"displayed_name":37,"slug":667,"brand_color":37,"brand_logo_url":37},22,"WordPress","wordpress",[669,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],{"country":670,"name":670},"Argentina",{"country":672,"name":672},"Armenia",{"country":674,"name":674},"Australia",{"country":676,"name":676},"Austria",{"country":678,"name":678},"Belgium",{"country":680,"name":680},"Benin",{"country":682,"name":682},"Bolivia",{"country":684,"name":684},"Brazil",{"country":686,"name":686},"Bulgaria",{"country":688,"name":688},"Canada",{"country":690,"name":690},"Cape Town",{"country":692,"name":692},"Chile",{"country":694,"name":694},"Colombia",{"country":696,"name":696},"Croatia",{"country":698,"name":698},"Czech Republic",{"country":700,"name":700},"Denmark",{"country":702,"name":702},"England",{"country":704,"name":704},"Estonia",{"country":706,"name":706},"Finland",{"country":708,"name":708},"France",{"country":710,"name":710},"Germany",{"country":712,"name":712},"Greece",{"country":714,"name":714},"Guatemala",{"country":716,"name":716},"Hong Kong",{"country":718,"name":718},"Hungary",{"country":720,"name":720},"Iceland",{"country":722,"name":722},"India",{"country":724,"name":724},"Indonesia",{"country":726,"name":726},"Ireland",{"country":728,"name":728},"Israel",{"country":730,"name":730},"Italy",{"country":732,"name":732},"Japan",{"country":734,"name":734},"Kazakhstan ",{"country":736,"name":736},"Latvia",{"country":738,"name":738},"Luxembourg",{"country":740,"name":740},"Malaysia",{"country":742,"name":742},"Mexico",{"country":744,"name":744},"Netherlands",{"country":746,"name":746},"New Caledonia",{"country":748,"name":748},"New Zealand",{"country":750,"name":750},"Nigeria",{"country":752,"name":752},"Norway",{"country":754,"name":754},"Peru",{"country":756,"name":756},"Philippines",{"country":758,"name":758},"Poland",{"country":760,"name":760},"Portugal",{"country":762,"name":762},"Romania",{"country":764,"name":764},"Russia",{"country":766,"name":766},"Scotland",{"country":768,"name":768},"Serbia",{"country":770,"name":770},"Singapore",{"country":772,"name":772},"Slovakia",{"country":774,"name":774},"South Africa",{"country":776,"name":776},"South Korea",{"country":778,"name":778},"Spain",{"country":780,"name":780},"Sweden",{"country":782,"name":782},"Switzerland",{"country":784,"name":784},"Taiwan",{"country":786,"name":786},"The Nederlands",{"country":788,"name":788},"The Netherlands",{"country":790,"name":790},"Turkey",{"country":792,"name":792},"Ukraine",{"country":794,"name":794},"United Arab Emirates",{"country":796,"name":796},"United Kingdom",{"country":798,"name":798},"United States",{"country":800,"name":800},"Uruguay",{"country":802,"name":802},"USA",{"categories":804},[805,811,816,821,826,831,836,841,845,849,853,858,863,868,873,878,882,886,891,895,899,903,908,912,916,921,925,929,933,937,941,945,950,955,959,963,968,972,976,980,984,988,993,997,1002,1006,1011,1016,1021,1026,1031,1036,1040,1042,1046,1050,1055,1060,1065,1069,1074,1079,1084,1088,1093,1097,1102,1107,1112,1117,1122,1127,1132,1137,1141,1146,1151,1156,1161,1165,1169,1171,1176,1180,1184,1189],{"id":39,"name":806,"slug":807,"indexable":808,"_count":809},"Hero","hero",true,{"sections":810},889,{"id":160,"name":812,"slug":813,"indexable":808,"_count":814},"Footer","footer",{"sections":815},748,{"id":195,"name":817,"slug":818,"indexable":808,"_count":819},"Header","header",{"sections":820},620,{"id":41,"name":822,"slug":823,"indexable":808,"_count":824},"Feature","feature",{"sections":825},554,{"id":503,"name":827,"slug":828,"indexable":808,"_count":829},"Value Proposition","value-proposition",{"sections":830},393,{"id":66,"name":832,"slug":833,"indexable":808,"_count":834},"Testimonial","testimonial",{"sections":835},293,{"id":207,"name":837,"slug":838,"indexable":808,"_count":839},"Call to Action","call-to-action",{"sections":840},234,{"id":334,"name":842,"slug":843,"indexable":808,"_count":844},"Gallery","gallery",{"sections":840},{"id":510,"name":846,"slug":847,"indexable":808,"_count":848},"About Us","about-us",{"sections":612},{"id":360,"name":850,"slug":851,"indexable":808,"_count":852},"FAQ","faq",{"sections":488},{"id":50,"name":854,"slug":855,"indexable":808,"_count":856},"Brand","brand",{"sections":857},121,{"id":321,"name":859,"slug":860,"indexable":808,"_count":861},"Newsletter","newsletter",{"sections":862},118,{"id":452,"name":864,"slug":865,"indexable":808,"_count":866},"Blog","blog",{"sections":867},109,{"id":119,"name":869,"slug":870,"indexable":808,"_count":871},"Contact","contact",{"sections":872},107,{"id":522,"name":874,"slug":875,"indexable":808,"_count":876},"How It Works","how-it-works",{"sections":877},95,{"id":75,"name":879,"slug":880,"indexable":808,"_count":881},"Stat","stat",{"sections":877},{"id":276,"name":883,"slug":884,"indexable":808,"_count":885},"Team","team",{"sections":66},{"id":392,"name":887,"slug":888,"indexable":808,"_count":889},"Case Study","case-study",{"sections":890},72,{"id":483,"name":892,"slug":893,"indexable":808,"_count":894},"Pricing","pricing",{"sections":242},{"id":290,"name":896,"slug":897,"indexable":808,"_count":898},"Statistics","statistics",{"sections":222},{"id":374,"name":900,"slug":901,"indexable":808,"_count":902},"Articles","articles",{"sections":452},{"id":904,"name":905,"slug":906,"indexable":808,"_count":907},25,"Client Logos","client-logos",{"sections":202},{"id":328,"name":909,"slug":910,"indexable":808,"_count":911},"Navigation","navigation",{"sections":144},{"id":535,"name":913,"slug":914,"indexable":808,"_count":915},"Integrations","integrations",{"sections":186},{"id":144,"name":917,"slug":918,"indexable":808,"_count":919},"Image Gallery","image-gallery",{"sections":920},26,{"id":477,"name":922,"slug":923,"indexable":808,"_count":924},"Featured Content","featured-content",{"sections":665},{"id":105,"name":926,"slug":927,"indexable":808,"_count":928},"Benefits","benefits",{"sections":105},{"id":59,"name":930,"slug":931,"indexable":808,"_count":932},"Resource","resource",{"sections":483},{"id":112,"name":934,"slug":935,"indexable":808,"_count":936},"Products","products",{"sections":321},{"id":153,"name":938,"slug":939,"indexable":808,"_count":940},"Case Studies","case-studies",{"sections":153},{"id":665,"name":942,"slug":943,"indexable":808,"_count":944},"Bento","bento",{"sections":276},{"id":946,"name":947,"slug":948,"indexable":808,"_count":949},97,"List","list",{"sections":195},{"id":405,"name":951,"slug":952,"indexable":953,"_count":954},"Mission","mission",false,{"sections":160},{"id":463,"name":956,"slug":957,"indexable":953,"_count":958},"Customer Stories","customer-stories",{"sections":119},{"id":209,"name":960,"slug":961,"indexable":953,"_count":962},"Resources","resources",{"sections":209},{"id":964,"name":965,"slug":966,"indexable":953,"_count":967},196,"Reviews","reviews",{"sections":209},{"id":308,"name":969,"slug":970,"indexable":953,"_count":971},"Use Cases","use-cases",{"sections":209},{"id":920,"name":973,"slug":974,"indexable":953,"_count":975},"Book Demo","book-demo",{"sections":535},{"id":146,"name":977,"slug":978,"indexable":953,"_count":979},"Card","card",{"sections":535},{"id":867,"name":981,"slug":982,"indexable":953,"_count":983},"Content","content",{"sections":535},{"id":202,"name":985,"slug":986,"indexable":953,"_count":987},"Partners","partners",{"sections":510},{"id":989,"name":990,"slug":991,"indexable":953,"_count":992},90,"Product","product",{"sections":510},{"id":126,"name":994,"slug":995,"indexable":953,"_count":996},"Collections","collections",{"sections":269},{"id":998,"name":999,"slug":1000,"indexable":953,"_count":1001},138,"Timeline","timeline",{"sections":269},{"id":495,"name":1003,"slug":1004,"indexable":953,"_count":1005},"Category","category",{"sections":503},{"id":1007,"name":1008,"slug":1009,"indexable":953,"_count":1010},108,"Form","form",{"sections":503},{"id":1012,"name":1013,"slug":1014,"indexable":953,"_count":1015},86,"Image","image",{"sections":503},{"id":1017,"name":1018,"slug":1019,"indexable":953,"_count":1020},110,"Problem","problem",{"sections":503},{"id":1022,"name":1023,"slug":1024,"indexable":953,"_count":1025},132,"Product list","product-list",{"sections":503},{"id":1027,"name":1028,"slug":1029,"indexable":953,"_count":1030},99,"Service","service",{"sections":503},{"id":1032,"name":1033,"slug":1034,"indexable":953,"_count":1035},116,"Article","article",{"sections":256},{"id":186,"name":1037,"slug":1038,"indexable":953,"_count":1039},"Careers","careers",{"sections":256},{"id":89,"name":257,"slug":258,"indexable":953,"_count":1041},{"sections":256},{"id":302,"name":1043,"slug":1044,"indexable":953,"_count":1045},"Events","events",{"sections":256},{"id":862,"name":1047,"slug":1048,"indexable":953,"_count":1049},"Links","links",{"sections":256},{"id":1051,"name":1052,"slug":1053,"indexable":953,"_count":1054},190,"Map","map",{"sections":256},{"id":1056,"name":1057,"slug":1058,"indexable":953,"_count":1059},220,"Media","media",{"sections":256},{"id":1061,"name":1062,"slug":1063,"indexable":953,"_count":1064},119,"Schedule","schedule",{"sections":256},{"id":372,"name":1066,"slug":1067,"indexable":953,"_count":1068},"Table","table",{"sections":256},{"id":1070,"name":1071,"slug":1072,"indexable":953,"_count":1073},128,"Value","value",{"sections":256},{"id":1075,"name":1076,"slug":1077,"indexable":953,"_count":1078},104,"Awards","awards",{"sections":39},{"id":1080,"name":1081,"slug":1082,"indexable":953,"_count":1083},78,"Contact Form","contact-form",{"sections":39},{"id":397,"name":1085,"slug":1086,"indexable":953,"_count":1087},"Data","data",{"sections":39},{"id":1089,"name":1090,"slug":1091,"indexable":953,"_count":1092},214,"Event list","event-list",{"sections":39},{"id":97,"name":1094,"slug":1095,"indexable":953,"_count":1096},"Exhibition","exhibition",{"sections":39},{"id":1098,"name":1099,"slug":1100,"indexable":953,"_count":1101},134,"Features grid","features-grid",{"sections":39},{"id":1103,"name":1104,"slug":1105,"indexable":953,"_count":1106},106,"Link","link",{"sections":39},{"id":1108,"name":1109,"slug":1110,"indexable":953,"_count":1111},212,"Location","location",{"sections":39},{"id":1113,"name":1114,"slug":1115,"indexable":953,"_count":1116},113,"Menu","menu",{"sections":39},{"id":1118,"name":1119,"slug":1120,"indexable":953,"_count":1121},180,"Partnership","partnership",{"sections":39},{"id":1123,"name":1124,"slug":1125,"indexable":953,"_count":1126},200,"Platform","platform",{"sections":39},{"id":1128,"name":1129,"slug":1130,"indexable":953,"_count":1131},111,"Podcast","podcast",{"sections":39},{"id":1133,"name":1134,"slug":1135,"indexable":953,"_count":1136},130,"Product Card","product-card",{"sections":39},{"id":131,"name":1138,"slug":1139,"indexable":953,"_count":1140},"Product Gallery","product-gallery",{"sections":39},{"id":1142,"name":1143,"slug":1144,"indexable":953,"_count":1145},93,"Product Information","product-information",{"sections":39},{"id":1147,"name":1148,"slug":1149,"indexable":953,"_count":1150},173,"Product Showcase","product-showcase",{"sections":39},{"id":1152,"name":1153,"slug":1154,"indexable":953,"_count":1155},241,"Roadmap","roadmap",{"sections":39},{"id":1157,"name":1158,"slug":1159,"indexable":953,"_count":1160},102,"Search","search",{"sections":39},{"id":578,"name":1162,"slug":1163,"indexable":953,"_count":1164},"Section","section",{"sections":39},{"id":174,"name":1166,"slug":1167,"indexable":953,"_count":1168},"Services","services",{"sections":39},{"id":367,"name":478,"slug":479,"indexable":953,"_count":1170},{"sections":39},{"id":1172,"name":1173,"slug":1174,"indexable":953,"_count":1175},127,"Summary","summary",{"sections":39},{"id":179,"name":1177,"slug":1178,"indexable":953,"_count":1179},"Target Audience","target-audience",{"sections":39},{"id":417,"name":1181,"slug":1182,"indexable":953,"_count":1183},"Text","text",{"sections":39},{"id":1185,"name":1186,"slug":1187,"indexable":953,"_count":1188},215,"Trust","trust",{"sections":39},{"id":1190,"name":1191,"slug":1192,"indexable":953,"_count":1193},103,"Video","video",{"sections":39},{"sections":1195,"count":1367,"category":1368,"tag":1628},[1196,1216,1236,1255,1273,1289,1305,1320,1336,1351],{"id":1197,"image":1198,"name":1199,"slug":1200,"seo_title":1201,"seo_description":1202,"seo_alt_text":1203,"seo_tags":1204,"seo_indexable":808,"website":1209,"categories":1213},26961,"8c828fd4-346d-4930-802d-9e97f36fbdab.png","Navigation header","the-salad-project-section-header-am2hxp","The Salad Project Compact Overlay Navigation Header","The Salad Project header isolates primary wayfinding in a compact white capsule over full-bleed photography. A dark green mark sits left of two all-caps labels, Order and Discover, while the background splits a close-up green knit sleeve against glossy yellow corn. Navigation stays small and left-aligned so food and lifestyle imagery dominate the strip. A floating pill, rather than a full-width bar, keeps the crop’s colour and texture uninterrupted.","The Salad Project header: white Order and Discover pill over green knitwear and yellow corn close-ups.",[1205,1206,1207,1208],"Compact","Photographic","All Caps","Colourful",{"id":1210,"slug":1211,"title":1212},92159,"the-salad-project","The Salad Project",[1214],{"category":1215},{"id":195,"name":817,"slug":818},{"id":1217,"image":1218,"name":817,"slug":1219,"seo_title":1220,"seo_description":1221,"seo_alt_text":1222,"seo_tags":1223,"seo_indexable":808,"website":1229,"categories":1233},26522,"b0660725-6520-42de-b1e3-a32474991684.png","ballena-section-header-hzsnfl","Ballena Header with Centered Wordmark and Book Now","The Ballena header is a slim dark bar stretched full width over an outdoor fire photograph. An outlined Book Now label sits left, the BALLENA wordmark is centered in light serif type, and a three-line icon sits right. Brand identity leads, with reservation as the only spelled-out action. Collapsing other links into the icon keeps the bar sparse so the fire and landscape stay dominant.","Ballena header bar with Book Now, centered BALLENA logo, and menu icon over a fire scene",[1224,1225,1226,1227,1228,369],"dark","minimal","typographic","full-width","image-led",{"id":1230,"slug":1231,"title":1232},86366,"ballena","Ballena",[1234],{"category":1235},{"id":195,"name":817,"slug":818},{"id":1237,"image":1238,"name":1239,"slug":1240,"seo_title":1241,"seo_description":1242,"seo_alt_text":1243,"seo_tags":1244,"seo_indexable":808,"website":1248,"categories":1252},25179,"a81ee44f-0e7e-4b6a-8a9b-f6089f979046.png","Top Navigation","baker-bleu-section-header-pgumkf","Baker Bleu Top Navigation with Promo Strip","Baker Bleu’s top navigation pairs a cobalt announcement bar with a white menu strip. Repeating uppercase prompts for subscribe, specials, catering, and next-day pickup run across the upper band. The lower bar splits around a centered circular logo: Locations, About, and Jobs on the left; News, Catering, a filled Shop button, and a bag icon on the right. High-contrast blue type on white, all-caps labels, and a single solid button keep the hierarchy tight and isolate commerce.","Baker Bleu header: blue promo strip above white nav with circular logo, links, Shop button, bag icon",[1245,1205,1246,1207,1247],"Edge-to-edge","High Contrast","Grotesk",{"id":1249,"slug":1250,"title":1251},84783,"baker-bleu","Baker Bleu",[1253],{"category":1254},{"id":195,"name":817,"slug":818},{"id":1256,"image":1257,"name":909,"slug":1258,"seo_title":1259,"seo_description":1260,"seo_alt_text":1261,"seo_tags":1262,"seo_indexable":808,"website":1266,"categories":1270},23313,"18606648-3d88-4359-b3ca-e0bad176fb3e.png","otter-section-header-d56f5x","Otter Header Navigation with Sparse Link Row","Otter’s header is a full-width pale gray bar. The black geometric logo sits left; a single darker Sign in label sits right. Across the middle, mixed-case gray links list Products, Restaurant Types, Integrations, Pricing, Resources, and Testimonials, with small chevrons only on the first, second, and fifth items. A thin rule underlines the bar. Weight and color separate the brand and account action from the quieter wayfinding row.","Otter website header with black logo, gray nav links, dropdown chevrons, and Sign in",[1245,1205,1263,1264,1265],"Light","Flat Design","Sans-serif",{"id":1267,"slug":1268,"title":1269},84035,"otter","Otter",[1271],{"category":1272},{"id":195,"name":817,"slug":818},{"id":1274,"image":1275,"name":909,"slug":1276,"seo_title":1277,"seo_description":1278,"seo_alt_text":1279,"seo_tags":1280,"seo_indexable":808,"website":1282,"categories":1286},20616,"08d5f8c3-b2ab-42d8-8ae4-06063464a806.png","what-matters-agency-section-header-cdytm0","What Matters Agency Header Navigation","The What Matters Agency header is a full-width bar set over a cropped hospitality photograph of a hand, dessert, and glass. A white WM mark sits at left; four pill links sit at right, with Work, Services, and About in white and Contact in yellow. Hierarchy is identity versus destinations, and the yellow pill isolates the primary action. The dark close-crop photo fills the compact bar and keeps type high-contrast without extra chrome.","What Matters Agency header with WM logo, dessert-and-drink photo, and Work, Services, About, Contact pills",[1245,1206,1281,1207,1246],"Dark",{"id":1283,"slug":1284,"title":1285},81957,"what-matters-agency","What Matters Agency",[1287],{"category":1288},{"id":195,"name":817,"slug":818},{"id":1290,"image":1291,"name":817,"slug":1292,"seo_title":1293,"seo_description":1294,"seo_alt_text":1295,"seo_tags":1296,"seo_indexable":808,"website":1298,"categories":1302},9613,"e5ba18bc-d121-40d7-8f71-9b2137557b3f.png","maloot-section-header-qtnnwf","Maloot Header Over Blurred Nightlife Photography","The Maloot header is a slim full-width bar set over a dark, out-of-focus photograph of warm bar lighting. Left-aligned serif links for Drink, Listen, and About name the page sections, while En Fr and a solid white Book a Table button sit on the right. Navigation stays sparse so the atmospheric image remains dominant. The light rectangular booking control is the one hard-edged element, making the primary action readable against the blur.","Maloot header with Drink, Listen, About links, En Fr switcher, and Book a Table button on a blurred dark photo",[1245,1281,1206,1297,1246],"Serif-led",{"id":1299,"slug":1300,"title":1301},80729,"maloot","Maloot",[1303],{"category":1304},{"id":195,"name":817,"slug":818},{"id":1306,"image":1307,"name":817,"slug":1308,"seo_title":1309,"seo_description":1310,"seo_alt_text":1311,"seo_tags":1312,"seo_indexable":808,"website":1313,"categories":1317},7360,"c65765f7-7fc5-4489-93c2-54812647cadf.png","experimental-group-section-header-cgga8n","Experimental Group Header with Centered Wordmark","The Experimental Group header is a thin, full-width overlay on a pale sky and tree photograph. A hamburger plus MENU label sits left, the EXPERIMENTAL* wordmark is centered, and an EN selector plus underlined BOOK NOW sit right. White all-caps sans-serif type is kept sparse so the landscape stays dominant. Centering the brand and pushing utilities to the edges keeps the bar readable without crowding the image.","Experimental Group header with MENU, centered EXPERIMENTAL* logo, EN selector and Book Now over pale sky and trees.",[1245,1206,1263,1207,1265],{"id":1314,"slug":1315,"title":1316},79925,"experimental-group","Experimental Group",[1318],{"category":1319},{"id":195,"name":817,"slug":818},{"id":1321,"image":1322,"name":817,"slug":1323,"seo_title":1324,"seo_description":1325,"seo_alt_text":1326,"seo_tags":1327,"seo_indexable":808,"website":1329,"categories":1333},8692,"5694298d-dcda-4e7c-adb5-307ae129ca7f.png","amrit-palace-section-header-rwaulp","Amrit Palace Header with Centered Mode Toggle","The Amrit Palace header is a full-width dark bar over a dimmed interior photograph. A gold ornamental monogram sits left of cream sans-serif links for Home, Catering, Gift Cards, About, and Contact. A centered segmented control contrasts a dark Restaurant state with a cream Shop option, while Menu and Order Now sit at right with amber icon buttons. The compact bar separates site pages from dining actions through the mid-bar switch and paired icons.","Amrit Palace site header with gold logo, cream nav links, Restaurant\u002FShop toggle, and amber Menu and Order Now buttons",[1245,1281,1206,1265,1328,1205],"Unusual Navigation",{"id":1330,"slug":1331,"title":1332},79418,"amrit-palace","Amrit Palace",[1334],{"category":1335},{"id":195,"name":817,"slug":818},{"id":1337,"image":1338,"name":817,"slug":1339,"seo_title":1340,"seo_description":1341,"seo_alt_text":1342,"seo_tags":1343,"seo_indexable":808,"website":1344,"categories":1348},8829,"1c8511fc-2e28-4307-8309-473916180f5b.png","canyon-coffee-section-header-wofn30","Canyon Coffee Header Over Coffee Pour Photograph","The Canyon Coffee header stacks a slim blue subscribe-and-save announcement above a full-width navigation strip set on a close-up photograph of coffee pouring into a white cup. The wordmark sits left in lowercase white sans-serif, primary links Shop, Visit, and Discover occupy the mid-left, and Search, Account, and Cart sit on the right. White type stays high-contrast against the dark liquid and brown surround. Using the pour as the bar’s background turns a standard store header into a tactile brand moment without adding extra chrome.","Canyon Coffee header: blue subscribe banner above white nav on a close-up of coffee pouring into a cup",[1245,1206,1281,1246,1265],{"id":1345,"slug":1346,"title":1347},79484,"canyon-coffee","Canyon Coffee",[1349],{"category":1350},{"id":195,"name":817,"slug":818},{"id":1352,"image":1353,"name":909,"slug":1354,"seo_title":1355,"seo_description":1356,"seo_alt_text":1357,"seo_tags":1358,"seo_indexable":808,"website":1360,"categories":1364},8852,"47eeefaa-6caa-4d77-ac60-e87f3ca79ef4.png","tanat-coffee-section-header-g9xl5p","Tanat Coffee Orange Header Navigation","The Tanat Coffee header is a slim, full-width orange bar sitting over a cropped coffee-pack photograph. Primary destinations sit in all-caps on the left (Shop, Subscriptions, Blog, Training, Professional), a centered serif TANAT® wordmark anchors the bar, and secondary items plus language, search, and cart sit on the right. Black type on saturated orange creates a high-contrast strip that separates navigation from the imagery below. Splitting links around the wordmark keeps the brand mark as the visual pivot while grouping commerce utilities together.","Tanat Coffee header bar in orange with centered TANAT wordmark, all-caps links, language, search and bag icons.",[1245,1246,1208,1359,1207],"Mixed Type",{"id":1361,"slug":1362,"title":1363},79319,"tanat-coffee","Tanat Coffee",[1365],{"category":1366},{"id":195,"name":817,"slug":818},{"pages":39,"sections":195},{"id":195,"name":817,"slug":818,"seo_title":1369,"seo_description":1370,"intro":1371,"design_guidance":1372,"pattern_groups":1373,"faqs":1617,"indexable":808,"_count":1627},"Header Layouts for Navigation, Brand, and CTAs","A working reference for website headers: how designers structure logos, navigation, utilities, and CTAs, plus the trade-offs that show up in review.","A header is the persistent top band that orients someone the moment a page loads. Its job is orientation first: brand, wayfinding, and a next step. Everything else is optional pressure. Across this collection, most headers still run a familiar left-to-right grammar: mark, primary links, then utilities or a button. The interesting variation sits in how much they absorb. Retail bars add search, account, and cart. Product sites pair a quiet Sign In with a louder demo request. Editorial and studio sites often float a thin strip over photography, or collapse the map into Menu. Some headers stay one row. Others stack a promo or announcement above the nav, which buys campaign space at the cost of first-screen height. A few treat the bar as an object: a centered capsule, a dark slab, a translucent film. The useful question is not which look is current. It is whether the header still reads as a system after the hero, the announcement, and the primary action all compete for the same strip.","In review I look at three collisions: contrast on the hero, competing actions, and what happens when the bar sticks. If the header sits on photography, white type is not a strategy. Test the same crop in bright and muddy frames. When the logo disappears, a scrim, a solid bar, or a darker lockup is the fix. Translucent bars look refined until a pale sky or a white product shot arrives. Count the destinations that look like buttons. Sign In beside Request a Demo can work when one is outline and one is filled. Three filled pills next to a cart icon is noise. I tend to ask: if someone only notices one control, is it the right one? Sticky headers fail when they keep the announcement, the full logo, and a tall row of links. After scroll, the bar should get quieter: smaller mark, no promo, same hit targets. Language switchers and icon-only utilities need spacing a thumb can trust, plus accessible names that do not depend on the glyph.",[1374,1418,1460,1504,1534,1575],{"title":1375,"sectionIds":1376,"description":1380,"sections":1381},"Retail bars with search and cart",[1377,1378,1379],26483,26063,26000,"These headers treat shopping as the default job. Categories sit left or center, while search, account, wishlist, and cart cluster on the right. The logo often centers as a wordmark. The risk is icon soup; the win is a scan path that never leaves the purchase loop.",[1382,1394,1406],{"id":1377,"image":1383,"name":1384,"slug":1385,"seo_alt_text":1386,"seo_indexable":808,"website":1387,"categories":1391},"b4def95c-a731-4d46-91d3-a422fb236c64.png","Main Navigation","duft-und-kultur-section-header-u6oygi","Duft und Kultur header: hanging greenery, stacked logo, Fragrances–Gifts links, and account, search, bag icons",{"id":1388,"slug":1389,"title":1390},92629,"duft-und-kultur","Duft und Kultur",[1392],{"category":1393},{"id":195,"name":817,"slug":818},{"id":1378,"image":1395,"name":1396,"slug":1397,"seo_alt_text":1398,"seo_indexable":808,"website":1399,"categories":1403},"8d1f299a-3001-4f52-80dc-0a00a649484a.png","Navigation bar","balmoral-running-section-header-kh268d","Balmoral Running header with centered serif logo and white links over a brick and shutter photo.",{"id":1400,"slug":1401,"title":1402},85226,"balmoral-running","Balmoral Running",[1404],{"category":1405},{"id":195,"name":817,"slug":818},{"id":1379,"image":1407,"name":1408,"slug":1409,"seo_alt_text":1410,"seo_indexable":808,"website":1411,"categories":1415},"c4918787-95c6-4813-beee-6f674af5cb0d.png","Global announcement bar","susanne-kaufmann-section-header-c8sryq","Susanne Kaufmann header: black Klarna announcement bar over cream logo, category nav, and utility links",{"id":1412,"slug":1413,"title":1414},84223,"susanne-kaufmann","Susanne Kaufmann",[1416],{"category":1417},{"id":195,"name":817,"slug":818},{"title":1419,"sectionIds":1420,"description":1424,"sections":1425},"Product headers with login and a primary ask",[1421,1422,1423],25939,25925,26081,"Software and platform sites keep a short product map, then split returning users from new ones. Login stays quiet. Demo, Open Account, or Build With Us takes the fill. Dropdowns appear when the IA is too wide for one row, which is honest, not decorative.",[1426,1437,1449],{"id":1421,"image":1427,"name":1199,"slug":1428,"seo_alt_text":1429,"seo_indexable":808,"website":1430,"categories":1434},"37ca777b-72f1-467a-bc79-0ce7d52a9c9b.png","wisq-section-header-bkonvq","Wisq header with logo, centered nav links, Sign In and Request a Demo buttons on white.",{"id":1431,"slug":1432,"title":1433},86141,"wisq","Wisq",[1435],{"category":1436},{"id":195,"name":817,"slug":818},{"id":1422,"image":1438,"name":1439,"slug":1440,"seo_alt_text":1441,"seo_indexable":808,"website":1442,"categories":1446},"e1e321e4-6fcf-4e7f-a1fb-1c57678d65e0.png","Global navigation","directus-section-header-q1p59e","Directus header with gray Monospace announcement, logo, nav links, GitHub count, Log In and Get a Demo.",{"id":1443,"slug":1444,"title":1445},86140,"directus","Directus",[1447],{"category":1448},{"id":195,"name":817,"slug":818},{"id":1423,"image":1450,"name":1396,"slug":1451,"seo_alt_text":1452,"seo_indexable":808,"website":1453,"categories":1457},"139b2ef3-eda5-4674-920d-394342ec61bb.png","automated-architecture-section-header-bi1jgt","Automated Architecture navigation bar with AUAR logo, links, Log In and Build With Us over an industrial ceiling photo",{"id":1454,"slug":1455,"title":1456},85424,"automated-architecture","Automated Architecture",[1458],{"category":1459},{"id":195,"name":817,"slug":818},{"title":1461,"sectionIds":1462,"description":1466,"sections":1467},"Promo and announcement layers",[1463,1464,1465],26109,26046,25361,"A slim strip above the nav carries shipping, a campaign, or a mission line. Color does the shouting so the main bar can stay calm. This only works if the message is short, rotatable, and does not fight the primary button sitting directly below it.",[1468,1480,1492],{"id":1463,"image":1469,"name":1470,"slug":1471,"seo_alt_text":1472,"seo_indexable":808,"website":1473,"categories":1477},"56618419-5ffb-4818-877e-2765df7e9bf3.png","Header Navigation","otherhalf-section-header-m0i5s1","Otherhalf header navigation with yellow promo bar, italic blue wordmark, all-caps links, and blue CTA",{"id":1474,"slug":1475,"title":1476},85428,"otherhalf","Otherhalf",[1478],{"category":1479},{"id":195,"name":817,"slug":818},{"id":1464,"image":1481,"name":1482,"slug":1483,"seo_alt_text":1484,"seo_indexable":808,"website":1485,"categories":1489},"99682eea-fd6e-4a46-a918-42a8bdf0fdcb.png","Navigation Bar","cure51-section-header-hn41b1","Cure51 header with cyan Join us to eradicate Cancer strip and black nav of logo, links, Follow Us, Contact Us",{"id":1486,"slug":1487,"title":1488},85193,"cure51","Cure51",[1490],{"category":1491},{"id":195,"name":817,"slug":818},{"id":1465,"image":1493,"name":1494,"slug":1495,"seo_alt_text":1496,"seo_indexable":808,"website":1497,"categories":1501},"8a8096dd-76f0-4637-8cbe-d8e65f6bd37b.png","Global navigation and announcement bar","happly-section-header-pd1s66","Happly header with black promo bar, beige nav, shop explore subscribe links, account and bag icons",{"id":1498,"slug":1499,"title":1500},84953,"happly","Happly",[1502],{"category":1503},{"id":195,"name":817,"slug":818},{"title":1505,"sectionIds":1506,"description":1509,"sections":1510},"Floating and capsule navigation",[1507,1508],26190,25990,"The bar becomes a discrete object: a pill, a rounded slab, or a centered island. It can sit over a hero without claiming the full width. Alignment gets harder on small screens, and the capsule has to survive contrast changes as the background scrolls.",[1511,1523],{"id":1507,"image":1512,"name":1513,"slug":1514,"seo_alt_text":1515,"seo_indexable":808,"website":1516,"categories":1520},"e25d15eb-f15c-4832-b608-263a1c2c0cbf.png","Main navigation menu","dobre-agency-section-header-llinaz","Dobre Agency header with Curated label, dark Dobre nav pill, and Melbourne since 2003 line",{"id":1517,"slug":1518,"title":1519},85739,"dobre-agency","Dobre Agency",[1521],{"category":1522},{"id":195,"name":817,"slug":818},{"id":1508,"image":1524,"name":1199,"slug":1525,"seo_alt_text":1526,"seo_indexable":808,"website":1527,"categories":1531},"ccb2aed5-f8f4-4402-883a-c602aa208935.png","moneda-section-header-vim241","Moneda header: white pill nav with logo, four links, EN chip, and Open Account button over a portrait.",{"id":1528,"slug":1529,"title":1530},83651,"moneda","Moneda",[1532],{"category":1533},{"id":195,"name":817,"slug":818},{"title":1535,"sectionIds":1536,"description":1540,"sections":1541},"Transparent headers over photography",[1537,1538,1539],26056,25963,26147,"Logo and links sit directly on imagery, sometimes with a hairline or a faint wash. The page feels taller and more editorial. Contrast is the whole game. If the photograph changes seasonally, the header needs a fallback treatment, not hope.",[1542,1553,1564],{"id":1537,"image":1543,"name":1199,"slug":1544,"seo_alt_text":1545,"seo_indexable":808,"website":1546,"categories":1550},"69919d8a-1aae-4d7a-a678-a28b48a38b56.png","mp2-collective-section-header-y5le80","MP2 Collective navigation header with logo and Home, About, Services, Contact over a windowed office photo.",{"id":1547,"slug":1548,"title":1549},85228,"mp2-collective","MP2 Collective",[1551],{"category":1552},{"id":195,"name":817,"slug":818},{"id":1538,"image":1554,"name":817,"slug":1555,"seo_alt_text":1556,"seo_indexable":808,"website":1557,"categories":1561},"3b0c4128-3021-4301-a729-e263ed20ee1b.png","the-american-housing-corporation-section-header-h9ne1q","American Housing Corporation header with logo left, Mission and Careers pills right over trees and sky",{"id":1558,"slug":1559,"title":1560},86147,"the-american-housing-corporation","The American Housing Corporation",[1562],{"category":1563},{"id":195,"name":817,"slug":818},{"id":1539,"image":1565,"name":1439,"slug":1566,"seo_alt_text":1567,"seo_indexable":808,"website":1568,"categories":1572},"30171457-d402-4262-93c3-735260fa0146.png","london-film-school-section-header-miqws2","London Film School header with red wordmark and black bar for courses, study, about, search, and menu",{"id":1569,"slug":1570,"title":1571},85782,"london-film-school","London Film School",[1573],{"category":1574},{"id":195,"name":817,"slug":818},{"title":1576,"sectionIds":1577,"description":1581,"sections":1582},"Compact maps with one clear action",[1578,1579,1580],26340,26021,25974,"A few links, a language switch, and a single button. Studios, food brands, and lean marketing sites use this when the sitemap is small. It reads confident until Pricing, Blog, Careers, and Contact later get stuffed into the same quiet row.",[1583,1595,1606],{"id":1578,"image":1584,"name":1585,"slug":1586,"seo_alt_text":1587,"seo_indexable":808,"website":1588,"categories":1592},"1a037430-438c-49ff-9ab2-c5419fe3448c.png","Global navigation bar","house-of-honey-section-header-uo68vo","House of Honey navigation bar with logo, text links, Get in Touch, and a bee on a blush background",{"id":1589,"slug":1590,"title":1591},85624,"house-of-honey","House of Honey",[1593],{"category":1594},{"id":195,"name":817,"slug":818},{"id":1579,"image":1596,"name":1199,"slug":1597,"seo_alt_text":1598,"seo_indexable":808,"website":1599,"categories":1603},"7fc99405-3c4e-4fb4-98f4-caaa61425011.png","haven-foods-section-header-p9xnam","Haven Foods header with wordmark, Home About Haven Seafood Journal links, Contact, and shrimp-larvae background",{"id":1600,"slug":1601,"title":1602},84995,"haven-foods","Haven Foods",[1604],{"category":1605},{"id":195,"name":817,"slug":818},{"id":1580,"image":1607,"name":909,"slug":1608,"seo_alt_text":1609,"seo_indexable":808,"website":1610,"categories":1614},"4119559b-bb09-4edf-aea3-81057be800a6.png","zentto-section-header-fp4sbt","Zentto header with bold logo, Work Services FAQ links, EN ES PT languages, and a black Start a Project button.",{"id":1611,"slug":1612,"title":1613},84356,"zentto","Zentto",[1615],{"category":1616},{"id":195,"name":817,"slug":818},[1618,1621,1624],{"answer":1619,"question":1620},"When the message is time-bound or operational: shipping, a launch, a payment option. Permanent slogans belong in the hero. If the promo never rotates, it just steals height. Design both the stacked state and the dismissed state, and decide whether that strip survives once the nav becomes sticky.","When does an announcement bar belong above the header?",{"answer":1622,"question":1623},"One obvious action is usually enough. A secondary text or outline control can sit beside it for returning users. If Login, Demo, Pricing, and Contact all look equal, none of them win. Rank destinations by frequency and commercial weight, then let the visual hierarchy match that ranking.","How many actions should sit in the header?",{"answer":1625,"question":1626},"Only if contrast holds across every hero treatment you actually ship. A single beautiful photograph is a weak test. Check video, light products, and localized headlines that wrap. If you cannot guarantee contrast, a solid or blurred bar is the more grown-up choice.","Is a transparent header worth the extra work?",{"sections":820},{"id":463,"name":464,"slug":465},{"categories":1630},[1631,1633,1635,1637],{"id":160,"name":812,"slug":813,"indexable":808,"_count":1632},{"sections":321},{"id":39,"name":806,"slug":807,"indexable":808,"_count":1634},{"sections":207},{"id":334,"name":842,"slug":843,"indexable":808,"_count":1636},{"sections":195},{"id":195,"name":817,"slug":818,"indexable":808,"_count":1638},{"sections":195}]