[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f1h00t08y7hyaw":3,"public-section-categories":805,"$f2tzp8x9wcufzu":1196,"$f3v9aiqpz74xfw":1973},{"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,145,152,159,166,173,180,187,194,201,208,215,221,227,234,241,248,255,262,269,276,283,289,296,302,309,316,321,328,334,341,348,355,362,367,374,381,387,392,399,405,412,419,426,432,438,444,451,458,463,470,476,482,489,496,501,508,515,521,528,534,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},2602,{"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},458,{"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":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},418,{"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},559,{"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},472,{"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},123,{"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},378,{"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},1178,{"id":216,"name":217,"slug":218,"description":37,"_count":219},192,"Design studio","design-studio",{"websites":220},143,{"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},1535,{"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},72,{"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},59,{"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},320,{"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},264,{"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":268},46,{"id":270,"name":271,"slug":272,"description":273,"_count":274},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":275},916,{"id":277,"name":278,"slug":279,"description":280,"_count":281},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":282},235,{"id":268,"name":284,"slug":285,"description":286,"_count":287},"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},401,{"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},638,{"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":301},38,{"id":303,"name":304,"slug":305,"description":306,"_count":307},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":308},26,{"id":310,"name":311,"slug":312,"description":313,"_count":314},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":315},222,{"id":247,"name":317,"slug":318,"description":319,"_count":320},"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":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},313,{"id":301,"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":270},{"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":160},{"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":263},{"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},426,{"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},1424,{"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":220},{"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},100,{"id":165,"name":471,"slug":472,"description":473,"_count":474},"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},92,{"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},138,{"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":131},{"id":502,"name":503,"slug":504,"description":505,"_count":506},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":507},520,{"id":509,"name":510,"slug":511,"description":512,"_count":513},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":514},732,{"id":516,"name":517,"slug":518,"description":519,"_count":520},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":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},170,{"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":6},{"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":540},142,{"id":542,"name":543,"slug":544,"description":37,"_count":545},330,"Venture capital","venture-capital",{"websites":202},[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":270,"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":477,"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":186,"name":644,"displayed_name":37,"slug":645,"brand_color":37,"brand_logo_url":37},"Typekit","typekit",{"id":153,"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,823,828,833,838,843,847,852,856,861,866,871,876,881,885,889,894,898,902,906,911,915,919,923,927,931,935,939,943,947,952,957,961,965,970,974,978,982,987,991,995,999,1003,1007,1012,1017,1022,1027,1032,1036,1040,1042,1046,1051,1055,1060,1065,1070,1075,1080,1085,1089,1094,1098,1103,1107,1112,1117,1122,1127,1132,1137,1142,1146,1151,1156,1161,1165,1169,1171,1176,1181,1186,1191],{"id":39,"name":808,"slug":809,"indexable":810,"_count":811},"Hero","hero",true,{"sections":812},876,{"id":160,"name":814,"slug":815,"indexable":810,"_count":816},"Footer","footer",{"sections":817},738,{"id":195,"name":819,"slug":820,"indexable":810,"_count":821},"Header","header",{"sections":822},611,{"id":41,"name":824,"slug":825,"indexable":810,"_count":826},"Feature","feature",{"sections":827},542,{"id":502,"name":829,"slug":830,"indexable":810,"_count":831},"Value Proposition","value-proposition",{"sections":832},385,{"id":66,"name":834,"slug":835,"indexable":810,"_count":836},"Testimonial","testimonial",{"sections":837},288,{"id":207,"name":839,"slug":840,"indexable":810,"_count":841},"Call to Action","call-to-action",{"sections":842},230,{"id":335,"name":844,"slug":845,"indexable":810,"_count":846},"Gallery","gallery",{"sections":842},{"id":509,"name":848,"slug":849,"indexable":810,"_count":850},"About Us","about-us",{"sections":851},187,{"id":361,"name":853,"slug":854,"indexable":810,"_count":855},"FAQ","faq",{"sections":488},{"id":322,"name":857,"slug":858,"indexable":810,"_count":859},"Newsletter","newsletter",{"sections":860},117,{"id":50,"name":862,"slug":863,"indexable":810,"_count":864},"Brand","brand",{"sections":865},116,{"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},106,{"id":75,"name":877,"slug":878,"indexable":810,"_count":879},"Stat","stat",{"sections":880},93,{"id":522,"name":882,"slug":883,"indexable":810,"_count":884},"How It Works","how-it-works",{"sections":481},{"id":277,"name":886,"slug":887,"indexable":810,"_count":888},"Team","team",{"sections":50},{"id":393,"name":890,"slug":891,"indexable":810,"_count":892},"Case Study","case-study",{"sections":893},70,{"id":483,"name":895,"slug":896,"indexable":810,"_count":897},"Pricing","pricing",{"sections":247},{"id":290,"name":899,"slug":900,"indexable":810,"_count":901},"Statistics","statistics",{"sections":222},{"id":375,"name":903,"slug":904,"indexable":810,"_count":905},"Articles","articles",{"sections":452},{"id":907,"name":908,"slug":909,"indexable":810,"_count":910},25,"Client Logos","client-logos",{"sections":202},{"id":301,"name":912,"slug":913,"indexable":810,"_count":914},"Navigation","navigation",{"sections":144},{"id":535,"name":916,"slug":917,"indexable":810,"_count":918},"Integrations","integrations",{"sections":186},{"id":144,"name":920,"slug":921,"indexable":810,"_count":922},"Image Gallery","image-gallery",{"sections":308},{"id":477,"name":924,"slug":925,"indexable":810,"_count":926},"Featured Content","featured-content",{"sections":667},{"id":105,"name":928,"slug":929,"indexable":810,"_count":930},"Benefits","benefits",{"sections":105},{"id":59,"name":932,"slug":933,"indexable":810,"_count":934},"Resource","resource",{"sections":361},{"id":112,"name":936,"slug":937,"indexable":810,"_count":938},"Products","products",{"sections":322},{"id":153,"name":940,"slug":941,"indexable":810,"_count":942},"Case Studies","case-studies",{"sections":153},{"id":667,"name":944,"slug":945,"indexable":810,"_count":946},"Bento","bento",{"sections":277},{"id":948,"name":949,"slug":950,"indexable":810,"_count":951},97,"List","list",{"sections":195},{"id":406,"name":953,"slug":954,"indexable":955,"_count":956},"Mission","mission",false,{"sections":160},{"id":464,"name":958,"slug":959,"indexable":955,"_count":960},"Customer Stories","customer-stories",{"sections":119},{"id":209,"name":962,"slug":963,"indexable":955,"_count":964},"Resources","resources",{"sections":209},{"id":966,"name":967,"slug":968,"indexable":955,"_count":969},196,"Reviews","reviews",{"sections":209},{"id":310,"name":971,"slug":972,"indexable":955,"_count":973},"Use Cases","use-cases",{"sections":209},{"id":308,"name":975,"slug":976,"indexable":955,"_count":977},"Book Demo","book-demo",{"sections":535},{"id":146,"name":979,"slug":980,"indexable":955,"_count":981},"Card","card",{"sections":535},{"id":983,"name":984,"slug":985,"indexable":955,"_count":986},109,"Content","content",{"sections":535},{"id":202,"name":988,"slug":989,"indexable":955,"_count":990},"Partners","partners",{"sections":509},{"id":418,"name":992,"slug":993,"indexable":955,"_count":994},"Product","product",{"sections":509},{"id":126,"name":996,"slug":997,"indexable":955,"_count":998},"Collections","collections",{"sections":270},{"id":488,"name":1000,"slug":1001,"indexable":955,"_count":1002},"Timeline","timeline",{"sections":270},{"id":495,"name":1004,"slug":1005,"indexable":955,"_count":1006},"Category","category",{"sections":502},{"id":1008,"name":1009,"slug":1010,"indexable":955,"_count":1011},108,"Form","form",{"sections":502},{"id":1013,"name":1014,"slug":1015,"indexable":955,"_count":1016},86,"Image","image",{"sections":502},{"id":1018,"name":1019,"slug":1020,"indexable":955,"_count":1021},110,"Problem","problem",{"sections":502},{"id":1023,"name":1024,"slug":1025,"indexable":955,"_count":1026},132,"Product list","product-list",{"sections":502},{"id":1028,"name":1029,"slug":1030,"indexable":955,"_count":1031},99,"Service","service",{"sections":502},{"id":865,"name":1033,"slug":1034,"indexable":955,"_count":1035},"Article","article",{"sections":256},{"id":186,"name":1037,"slug":1038,"indexable":955,"_count":1039},"Careers","careers",{"sections":256},{"id":89,"name":257,"slug":258,"indexable":955,"_count":1041},{"sections":256},{"id":303,"name":1043,"slug":1044,"indexable":955,"_count":1045},"Events","events",{"sections":256},{"id":1047,"name":1048,"slug":1049,"indexable":955,"_count":1050},118,"Links","links",{"sections":256},{"id":333,"name":1052,"slug":1053,"indexable":955,"_count":1054},"Map","map",{"sections":256},{"id":1056,"name":1057,"slug":1058,"indexable":955,"_count":1059},220,"Media","media",{"sections":256},{"id":1061,"name":1062,"slug":1063,"indexable":955,"_count":1064},119,"Schedule","schedule",{"sections":256},{"id":1066,"name":1067,"slug":1068,"indexable":955,"_count":1069},193,"Table","table",{"sections":256},{"id":1071,"name":1072,"slug":1073,"indexable":955,"_count":1074},128,"Value","value",{"sections":256},{"id":1076,"name":1077,"slug":1078,"indexable":955,"_count":1079},104,"Awards","awards",{"sections":39},{"id":1081,"name":1082,"slug":1083,"indexable":955,"_count":1084},78,"Contact Form","contact-form",{"sections":39},{"id":398,"name":1086,"slug":1087,"indexable":955,"_count":1088},"Data","data",{"sections":39},{"id":1090,"name":1091,"slug":1092,"indexable":955,"_count":1093},214,"Event list","event-list",{"sections":39},{"id":608,"name":1095,"slug":1096,"indexable":955,"_count":1097},"Exhibition","exhibition",{"sections":39},{"id":1099,"name":1100,"slug":1101,"indexable":955,"_count":1102},134,"Features grid","features-grid",{"sections":39},{"id":875,"name":1104,"slug":1105,"indexable":955,"_count":1106},"Link","link",{"sections":39},{"id":1108,"name":1109,"slug":1110,"indexable":955,"_count":1111},212,"Location","location",{"sections":39},{"id":1113,"name":1114,"slug":1115,"indexable":955,"_count":1116},113,"Menu","menu",{"sections":39},{"id":1118,"name":1119,"slug":1120,"indexable":955,"_count":1121},180,"Partnership","partnership",{"sections":39},{"id":1123,"name":1124,"slug":1125,"indexable":955,"_count":1126},200,"Platform","platform",{"sections":39},{"id":1128,"name":1129,"slug":1130,"indexable":955,"_count":1131},111,"Podcast","podcast",{"sections":39},{"id":1133,"name":1134,"slug":1135,"indexable":955,"_count":1136},130,"Product Card","product-card",{"sections":39},{"id":1138,"name":1139,"slug":1140,"indexable":955,"_count":1141},219,"Product Gallery","product-gallery",{"sections":39},{"id":880,"name":1143,"slug":1144,"indexable":955,"_count":1145},"Product Information","product-information",{"sections":39},{"id":1147,"name":1148,"slug":1149,"indexable":955,"_count":1150},173,"Product Showcase","product-showcase",{"sections":39},{"id":1152,"name":1153,"slug":1154,"indexable":955,"_count":1155},241,"Roadmap","roadmap",{"sections":39},{"id":1157,"name":1158,"slug":1159,"indexable":955,"_count":1160},102,"Search","search",{"sections":39},{"id":579,"name":1162,"slug":1163,"indexable":955,"_count":1164},"Section","section",{"sections":39},{"id":174,"name":1166,"slug":1167,"indexable":955,"_count":1168},"Services","services",{"sections":39},{"id":368,"name":478,"slug":479,"indexable":955,"_count":1170},{"sections":39},{"id":1172,"name":1173,"slug":1174,"indexable":955,"_count":1175},127,"Summary","summary",{"sections":39},{"id":1177,"name":1178,"slug":1179,"indexable":955,"_count":1180},125,"Target Audience","target-audience",{"sections":39},{"id":1182,"name":1183,"slug":1184,"indexable":955,"_count":1185},91,"Text","text",{"sections":39},{"id":1187,"name":1188,"slug":1189,"indexable":955,"_count":1190},215,"Trust","trust",{"sections":39},{"id":1192,"name":1193,"slug":1194,"indexable":955,"_count":1195},103,"Video","video",{"sections":39},{"sections":1197,"count":1708,"category":1709,"tag":1970},[1198,1219,1236,1256,1274,1290,1306,1321,1338,1354,1369,1385,1402,1417,1432,1447,1462,1478,1494,1509,1524,1539,1554,1570,1585,1600,1616,1632,1647,1663,1678,1693],{"id":1199,"image":1200,"name":912,"slug":1201,"seo_title":1202,"seo_description":1203,"seo_alt_text":1204,"seo_tags":1205,"seo_indexable":810,"website":1212,"categories":1216},10088,"e86a6b17-97be-460f-a747-c95c483cc943.png","drink-mockly-section-header-ymmqms","Drink Mockly Header with Boxed Navigation","Drink Mockly’s header stacks a full-width dark announcement strip over a cream navigation bar. The MOCKLY wordmark sits left in a heavy display serif, while Shop, About, Find Us, Wholesale, and Cart sit right inside a thin rectangular frame. Hierarchy is promo first, brand second, destinations last. Boxing the links instead of floating them gives the sparse bar a clear utility cluster and visual weight.","Drink Mockly header with free-shipping banner, MOCKLY wordmark, and boxed Shop, About, Find Us, Wholesale, Cart links",[1206,1207,1208,1209,1210,1211],"Two Column","Light","Framed","High Contrast","All Caps","Display Type",{"id":1213,"slug":1214,"title":1215},81110,"drink-mockly","Drink Mockly",[1217],{"category":1218},{"id":195,"name":819,"slug":820},{"id":1220,"image":1221,"name":819,"slug":1222,"seo_title":1223,"seo_description":1224,"seo_alt_text":1225,"seo_tags":1226,"seo_indexable":810,"website":1229,"categories":1233},9912,"b0a6220d-1e86-4ddf-a611-2489a64291ca.png","make-good-section-header-aab6ah","Make Good Header with Centered Logo and Pill Nav","The Make Good header is a single full-width bar on a cream field. A black monogram sits dead center, flanked by outlined pill labels: Shop and Info + on the left, Log in and Cart (0) on the right. Hierarchy is spare—the mark is the only solid graphic, while navigation stays as thin black outlines and all-caps sans-serif. Isolating the logo between two button pairs keeps the bar quiet and makes the brand the first read.","Make Good header: cream bar with SHOP and INFO + pills, centered MG monogram, LOG IN and CART (0)",[1227,1207,1209,1210,1228],"Edge-to-edge","Geometric",{"id":1230,"slug":1231,"title":1232},81067,"make-good","Make Good",[1234],{"category":1235},{"id":195,"name":819,"slug":820},{"id":1237,"image":1238,"name":819,"slug":1239,"seo_title":1240,"seo_description":1241,"seo_alt_text":1242,"seo_tags":1243,"seo_indexable":810,"website":1249,"categories":1253},9830,"571e7c65-cb1e-46e3-a004-d2de4e2890fb.png","bragg-section-header-ojb832","Bragg Header with Centered Logo and Promo Strip","Bragg’s header stacks a pale yellow free-shipping announcement above a full-width navigation layer set on mossy tree photography. A compact left pill groups Shop, About, and Learn with account and bag icons; the red ribbon logo sits in the center; a matching search field sits on the right. White rounded controls with dashed outlines float over the darkened foliage so wayfinding stays readable while the heritage mark remains the focal point.","Bragg header: yellow shipping bar, centered red logo, left nav pill and search over forest photo",[1244,1245,1246,1247,1248],"Overlapping","Photographic","Organic","Compact","Sans-serif",{"id":1250,"slug":1251,"title":1252},80902,"bragg","Bragg",[1254],{"category":1255},{"id":195,"name":819,"slug":820},{"id":1257,"image":1258,"name":912,"slug":1259,"seo_title":1260,"seo_description":1261,"seo_alt_text":1262,"seo_tags":1263,"seo_indexable":810,"website":1267,"categories":1271},9959,"5c1b2544-ae49-4fda-8eb3-f2aab1966997.png","m-fisher-atmospheres-section-header-cyesad","M.Fisher Atmospheres Dark Header Navigation","This M.Fisher Atmospheres header pins location, product identity, and primary links across a full-width dark bar. A small stacked New York address sits left, widely tracked DEMETER sits center, and four numbered destinations—Shop, Discover, Gallery, Contact—align right. White serif capitals sit over a cropped, nearly black photograph, so the bar reads as a quiet editorial overlay rather than a boxed menu. Numbering the links gives the sparse row a catalog rhythm without extra chrome.","M.Fisher Atmospheres header with New York address, centered DEMETER, and numbered Shop, Discover, Gallery, Contact links",[1227,1264,1245,1265,1210,1266],"Dark","Serif-led","Unusual Navigation",{"id":1268,"slug":1269,"title":1270},80922,"m-fisher-atmospheres","M Fisher Atmospheres",[1272],{"category":1273},{"id":195,"name":819,"slug":820},{"id":1275,"image":1276,"name":912,"slug":1277,"seo_title":1278,"seo_description":1279,"seo_alt_text":1280,"seo_tags":1281,"seo_indexable":810,"website":1283,"categories":1287},9800,"283d57f1-ccc9-4bb7-b529-1fafcfb6ae54.png","better-nights-section-header-rlwhx2","Better Nights Two-Tier Header Navigation","Better Nights uses a two-tier header over a warm, blurred photo of rounded upholstery. The top row places trial, delivery, and warranty lines on the left, a five-star rating count in the center, and an EU\u002FEnglish control on the right. Below, a hamburger faces a centered lowercase wordmark with an orange crescent, while a Bestsellers pill and circular search and bag icons sit on the right. Separating trust copy from wayfinding keeps the commerce actions distinct against the terracotta field.","Better Nights header with trust promises, ratings, centered logo, Bestsellers button, and search and cart icons.",[1282,1245,1246,1247,1248],"Stacked",{"id":1284,"slug":1285,"title":1286},80875,"better-nights","Better Nights",[1288],{"category":1289},{"id":195,"name":819,"slug":820},{"id":1291,"image":1292,"name":819,"slug":1293,"seo_title":1294,"seo_description":1295,"seo_alt_text":1296,"seo_tags":1297,"seo_indexable":810,"website":1299,"categories":1303},9604,"717dfeb1-fcd2-414f-bde4-600eaf86085d.png","66-north-section-header-fycw0c","66 North Header Over Winter Sale Ribbons","The 66 North header stacks a navy utility strip above a full-width navigation row that sits on a gray winter-sale photograph. The top bar centers a warranty message and pins a locale selector to the right. Below, a red square logo leads left-aligned links—New arrivals, Men, Women, Accessories, Sale, Skiing, Brand—while search, account, and bag sit opposite. Placing this chrome over crossing blue sale tapes keeps the campaign visible behind wayfinding instead of covering it with a solid bar.","66 North header with navy warranty bar, logo, category links, search and cart over winter sale ribbons",[1227,1298,1245,1248],"Layered",{"id":1300,"slug":1301,"title":1302},80699,"66-north","66 North",[1304],{"category":1305},{"id":195,"name":819,"slug":820},{"id":1307,"image":1308,"name":819,"slug":1309,"seo_title":1310,"seo_description":1311,"seo_alt_text":1312,"seo_tags":1313,"seo_indexable":810,"website":1314,"categories":1318},9572,"ce460a4e-9f7a-4304-b6a8-b69b1d45ec57.png","dime-section-header-unf5nj","Dime Header with Centered Serif Wordmark","The Dime header is a full-width navigation strip set over a dark crop of denim. Shop, Lookbook, Stores, and Projects sit left in spaced all-caps sans, the serif Dime wordmark is centered, and currency plus cart sit right. White type on the near-black photograph keeps the bar readable while the fabric crop gives the chrome a clothing-first mood. Centering the logo between those utility clusters makes the brand the first read without crowding the merchandising links.","Dime header with left nav, centered serif Dime wordmark, and cart on a dark denim photo.",[1227,1264,1245,1210,1265],{"id":1315,"slug":1316,"title":1317},80692,"dime","Dime",[1319],{"category":1320},{"id":195,"name":819,"slug":820},{"id":1322,"image":1323,"name":819,"slug":1324,"seo_title":1325,"seo_description":1326,"seo_alt_text":1327,"seo_tags":1328,"seo_indexable":810,"website":1331,"categories":1335},9567,"48ca46e6-fa0a-4700-8744-1d4e2d5454cc.png","salt-and-stone-section-header-eyqla7","Salt & Stone Centered Site Header","The Salt & Stone header is a full-width white bar that groups browse links, brand mark, and account tools in three clusters. Shop, Best Sellers, By Scent, and Gifts & Sets sit left; the SALT & STONE wordmark is centered; Search, Account, and Bag sit right. Black all-caps sans-serif labels sit on generous white space, framed by a thin black top rule and a pale blue lower edge. Centering the wordmark makes the brand the visual anchor without crowding navigation.","Salt & Stone header: centered SALT & STONE wordmark, left shop links, right Search, Account, and Bag on white.",[1329,1207,1209,1210,1330],"Centered","Geometric Sans",{"id":1332,"slug":1333,"title":1334},80677,"salt-and-stone","Salt and Stone",[1336],{"category":1337},{"id":195,"name":819,"slug":820},{"id":1339,"image":1340,"name":819,"slug":1341,"seo_title":1342,"seo_description":1343,"seo_alt_text":1344,"seo_tags":1345,"seo_indexable":810,"website":1347,"categories":1351},9315,"ec645824-7e5d-417d-83ef-ae3ec6cb0a99.png","village-pm-section-header-e1m21w","Village PM Three-Panel Header","Village PM’s header sits as three cream rectangles across a dark, close-cropped photographic background. The left panel holds the VILLAGE PM wordmark, the wide center panel spaces SHOP, FEED, and BRAND in small all-caps sans-serif, and the right panel isolates CART(0). The segmented bar keeps brand, navigation, and commerce readable against a textured image. Separating the modules as discrete cards is the key decision: it frames each function and prevents the busy photo from competing with the type.","Village PM header: three cream panels for logo, Shop Feed Brand, and Cart over a dark photo.",[1346,1245,1209,1210,1247],"Three Column",{"id":1348,"slug":1349,"title":1350},80492,"village-pm","Village Pm",[1352],{"category":1353},{"id":195,"name":819,"slug":820},{"id":1355,"image":1356,"name":912,"slug":1357,"seo_title":1358,"seo_description":1359,"seo_alt_text":1360,"seo_tags":1361,"seo_indexable":810,"website":1362,"categories":1366},9247,"8e0ac48e-7ea6-4b02-bc30-c33048bb3d7f.png","ferm-living-section-header-iub5pl","Ferm Living Header Navigation Over Sale Photography","Ferm Living’s header sits as a full-width overlay on a dark, close-cropped photograph. A slim promotional strip announces a winter sale above a three-zone bar: stacked wordmark and language\u002Fcurrency selector on the left, centered links for Shop, Inspiration, Rooms, Professionals, and Winter Sale, and search, cart, and login on the right. White sans-serif type keeps the chrome quiet so the warm image remains dominant, while the centered menu isolates browsing from account tools.","Ferm Living header with winter-sale banner, stacked logo, centered links, and cart over a dark photograph.",[1227,1264,1245,1209,1248],{"id":1363,"slug":1364,"title":1365},80323,"ferm-living","Ferm Living",[1367],{"category":1368},{"id":195,"name":819,"slug":820},{"id":1370,"image":1371,"name":819,"slug":1372,"seo_title":1373,"seo_description":1374,"seo_alt_text":1375,"seo_tags":1376,"seo_indexable":810,"website":1378,"categories":1382},9099,"15309f3b-702a-4db3-ae4e-3c0fdee029d9.png","kosbiotic-section-header-ypy3wt","Kosbiotic Header with Split Backdrop and Utility Pill","The Kosbiotic header is a slim full-width bar split between a dark photographic surface on the left and a pale blue field on the right. A lowercase white wordmark sits at the far left, then three widely spaced all-caps links—La Gamme, La Science, La Marque—cross the tonal break. Account, search, and cart sit together in a compact white rounded panel on the light side. Isolating those utilities in one pill keeps commerce actions visually separate from the editorial navigation.","Kosbiotic header: dark photo left, pale blue right, wordmark, all-caps nav, and a white account-search-cart bar.",[1377,1245,1209,1210,1248],"Split Screen",{"id":1379,"slug":1380,"title":1381},80458,"kosbiotic","Kosbiotic",[1383],{"category":1384},{"id":195,"name":819,"slug":820},{"id":1386,"image":1387,"name":819,"slug":1388,"seo_title":1389,"seo_description":1390,"seo_alt_text":1391,"seo_tags":1392,"seo_indexable":810,"website":1395,"categories":1399},7211,"6aa51a37-ba11-47ee-a849-f9876ad7f7fb.png","cut-by-fred-section-header-qkwrxg","Cut By Fred Header with Oversized Yellow Wordmark","The Cut By Fred header stacks a slim utility bar over a full-bleed brand lockup. Small white all-caps links and icons sit along the top edge, while the yellow wordmark fills almost the entire width. A cropped photograph of curly hair overlaps the last letters, tying the graphic type to haircare. The high-contrast blue-and-yellow field makes the name the primary navigation landmark.","Cut By Fred header: giant yellow wordmark on blue, white top nav, curly hair overlapping FRED",[1244,1393,1209,1394,1245],"Colourful","Oversized Type",{"id":1396,"slug":1397,"title":1398},79994,"cut-by-fred","Cut By Fred",[1400],{"category":1401},{"id":195,"name":819,"slug":820},{"id":1403,"image":1404,"name":819,"slug":1405,"seo_title":1406,"seo_description":1407,"seo_alt_text":1408,"seo_tags":1409,"seo_indexable":810,"website":1410,"categories":1414},7226,"8146296c-c749-4d2e-9284-526edd06a337.png","fractal-forest-section-header-jmypdf","Fractal Forest Header with Forest Canopy Backdrop","This Fractal Forest header is a full-width navigation strip set over an upward photograph of tree trunks and sunlit canopy. Hierarchy is conventional: the all-caps wordmark sits left, Shop, Explore, and Journal sit in the center, and Search with Cart sit right, all in white sans-serif. The layout is a single edge-to-edge band rather than a boxed bar. Replacing a solid header field with the forest image makes the navigation read as type over landscape.","Fractal Forest header with white logo, Shop Explore Journal links, and cart over a forest canopy photo",[1227,1245,1246,1210,1248],{"id":1411,"slug":1412,"title":1413},80031,"fractal-forest","Fractal Forest",[1415],{"category":1416},{"id":195,"name":819,"slug":820},{"id":1418,"image":1419,"name":819,"slug":1420,"seo_title":1421,"seo_description":1422,"seo_alt_text":1423,"seo_tags":1424,"seo_indexable":810,"website":1425,"categories":1429},7262,"e2631b7b-7303-482f-8484-7d4eb43860de.png","svalr-section-header-jfprq3","Svalr Header Over Botanical Product Photography","The Svalr header is a slim full-width bar laid over a close-up of evergreen foliage and a brushed metal vessel, with a thin burgundy strip along the top edge. Left-aligned all-caps links for Shop, About Us, and Arctic Circle balance a widely spaced centered wordmark, while search and account icons sit on the right. White geometric lettering stays high-contrast on the greenery, so the navigation reads clearly without a solid bar.","Svalr header with Shop, About Us, Arctic Circle, centered logo, and search and account icons over greenery.",[1227,1245,1246,1210,1330],{"id":1426,"slug":1427,"title":1428},80035,"svalr","Svalr",[1430],{"category":1431},{"id":195,"name":819,"slug":820},{"id":1433,"image":1434,"name":819,"slug":1435,"seo_title":1436,"seo_description":1437,"seo_alt_text":1438,"seo_tags":1439,"seo_indexable":810,"website":1440,"categories":1444},7382,"76172696-e5e7-4d4d-a80a-62597b973ff7.png","blaest-section-header-al8hnp","BLÆST Header with Oversized Centered Wordmark","The BLÆST header sits under a slim black announcement bar and uses a cream field to organize brand, browse, and account tools. A geometric swirl mark anchors the left, while an oversized all-caps wordmark occupies the center and becomes the primary identity. Category links sit left of the name and utility labels sit right, creating a balanced, high-contrast bar. Treating the wordmark as a display element rather than a compact lockup gives the navigation a fashion-editorial scale.","BLÆST header with delivery banner, swirl logo, oversized wordmark, and split nav on cream",[1227,1207,1209,1394,1210],{"id":1441,"slug":1442,"title":1443},79930,"blaest","Blaest",[1445],{"category":1446},{"id":195,"name":819,"slug":820},{"id":1448,"image":1449,"name":912,"slug":1450,"seo_title":1451,"seo_description":1452,"seo_alt_text":1453,"seo_tags":1454,"seo_indexable":810,"website":1455,"categories":1459},7401,"656709b2-22e7-40b0-a431-f3553ef361fa.png","absolute-collagen-section-header-qpd7h3","Absolute Collagen Header with Yellow Nav Bar","Absolute Collagen’s header stacks a slim black delivery promo above a saturated yellow navigation bar. Shop, Quiz, Why Us and Community sit left; the serif Absolute Collagen wordmark is centered; Account and Bag sit right. Black all-caps labels on the yellow field form a high-contrast brand strip. Centering the mark between browse and account groups keeps identity as the visual fulcrum.","Absolute Collagen header with black delivery promo and yellow bar showing centered logo, left links, and bag",[1329,1393,1209,1210,1265],{"id":1456,"slug":1457,"title":1458},79979,"absolute-collagen","Absolute Collagen",[1460],{"category":1461},{"id":195,"name":819,"slug":820},{"id":1463,"image":1464,"name":819,"slug":1465,"seo_title":1466,"seo_description":1467,"seo_alt_text":1468,"seo_tags":1469,"seo_indexable":810,"website":1471,"categories":1475},7629,"0de88165-671e-4b13-9211-7467925905fc.png","and-daughter-section-header-qp1zev","&Daughter Header with Centered Shop Navigation","This header orients shoppers across merchandising, editorial, and account destinations. An orange &DAUGHTER wordmark sits left, Women \u002F Men \u002F Explore occupy the center, and Search, Account, and Bag align right on a slim white bar. The treatment is restrained and editorial: all-caps labels with open tracking against a cropped lifestyle image below. Isolating the mark in saturated orange while keeping navigation in quiet black gives the brand instant recognition without crowding the bar.","&Daughter header with orange wordmark, centered Women Men Explore links, and Search Account Bag on white.",[1227,1207,236,1210,1470],"Mixed Type",{"id":1472,"slug":1473,"title":1474},79931,"and-daughter","And Daughter",[1476],{"category":1477},{"id":195,"name":819,"slug":820},{"id":1479,"image":1480,"name":912,"slug":1481,"seo_title":1482,"seo_description":1483,"seo_alt_text":1484,"seo_tags":1485,"seo_indexable":810,"website":1487,"categories":1491},7648,"b4d55af5-37cb-42bf-824b-fdd8ac051178.png","rainbo-section-header-t4ge5v","Rainbo Header with Promo Strip and Centered Logo","Rainbo’s header stacks a sage announcement bar over a white navigation row. The bar repeats subscription, shipping, and product prompts in small underlined all-caps type. Below, category links sit left of a centered rainbow-mushroom mark, while quiz, reviews, search, login, and cart sit right. The split keeps merchandising copy above a calm, high-contrast utility bar and uses the compact logo as the visual anchor.","Rainbo header: green promo bar over white nav with shop links, rainbow logo, quiz, search, login, and cart.",[1227,1207,1247,1210,1248,1486],"Playful",{"id":1488,"slug":1489,"title":1490},79907,"rainbo","Rainbo",[1492],{"category":1493},{"id":195,"name":819,"slug":820},{"id":1495,"image":1496,"name":819,"slug":1497,"seo_title":1498,"seo_description":1499,"seo_alt_text":1500,"seo_tags":1501,"seo_indexable":810,"website":1502,"categories":1506},7735,"6aa83119-573f-425f-85e7-5c108bb02935.png","also-section-header-o85d9c","Also Header with Reservation Banner and Overlay Nav","The Also header stacks a solid lavender reservation banner above a full-width navigation overlay. Centered, underlined all-caps copy promotes reserving the TM-B, while the lower bar places the ALSO. wordmark left, five evenly spaced category links in the middle, and a four-circle mark on the right. White sans-serif type sits on a dark industrial interior photograph dominated by a long ceiling light. Isolating the call to action in a bright strip keeps the nav sparse and lets the photo continue behind the chrome.","Also header with lavender TM-B reservation banner and white nav over a dark industrial ceiling",[1227,1245,1264,1210,1209],{"id":1503,"slug":1504,"title":1505},79831,"also","Also",[1507],{"category":1508},{"id":195,"name":819,"slug":820},{"id":1510,"image":1511,"name":819,"slug":1512,"seo_title":1513,"seo_description":1514,"seo_alt_text":1515,"seo_tags":1516,"seo_indexable":810,"website":1517,"categories":1521},7920,"4a4f96e1-cf32-416e-bfd7-3620bf94d05a.png","make-up-for-ever-section-header-fui7id","Make Up For Ever Header with Hanging Logo","The Make Up For Ever header stacks a peach promotional strip above a white navigation bar. The top bar announces free delivery over €49 with a 2\u002F2 pager. Below, all-caps category links sit left of a vertical red logo tab that drops into the page, while Kits, Services, search, account, and a zeroed cart sit right. Black Friday is singled out in red, and the hanging mark breaks the bar so the brand stays visible against the empty field beneath.","Make Up For Ever header with peach delivery banner, all-caps nav, hanging red logo, and utility icons",[1244,1207,1209,1210,1247],{"id":1518,"slug":1519,"title":1520},79805,"make-up-for-ever","Make Up For Ever",[1522],{"category":1523},{"id":195,"name":819,"slug":820},{"id":1525,"image":1526,"name":819,"slug":1527,"seo_title":1528,"seo_description":1529,"seo_alt_text":1530,"seo_tags":1531,"seo_indexable":810,"website":1532,"categories":1536},7989,"337f31d8-eaf4-4ae6-ae40-bb0560e05a68.png","mgg-section-header-qhzs0b","MGG Header with Centered Wordmark","The MGG header is a slim white bar that organizes shopping and utility links around a centered wordmark. Women, Men, and Accessories sit on the left; Campaign, About, Support, search, account, currency, and a numbered cart sit on the right. Dark navy type and icons rest on an uncluttered field, with the bold MGG logo as the visual anchor. Separating shop categories from brand and account tools keeps the path to product immediately readable.","MGG header: white bar, Women Men Accessories left, centered MGG logo, Campaign About Support and utility icons right",[1329,1227,1207,1209,1330,1247],{"id":1533,"slug":1534,"title":1535},79754,"mgg","Mgg",[1537],{"category":1538},{"id":195,"name":819,"slug":820},{"id":1540,"image":1541,"name":819,"slug":1542,"seo_title":1543,"seo_description":1544,"seo_alt_text":1545,"seo_tags":1546,"seo_indexable":810,"website":1547,"categories":1551},8146,"8d81f5e3-2632-4aed-b600-35b7f919293a.png","main-rose-section-header-bavzxp","Main Rose Header with Promo Strip and Oversized Wordmark","The Main Rose header places a full-width hot-pink promo strip above a slim nav row over cropped fashion photography. All-caps links sit left (Holiday Shop, Underwear, Apparel, Explore) with Search and Bag on the right, while an oversized cropped MAIN ROSE wordmark occupies the lower field. White type on pale skin close-ups creates high contrast, and the saturated banner is the only color accent. Cropping the wordmark so it reads as a partial lockup distinguishes the bar from a conventional logo-and-menu header.","Main Rose header: pink holiday promo, all-caps nav, Search and Bag, oversized MAIN ROSE type over fashion photos",[1244,1245,1210,1394,1209],{"id":1548,"slug":1549,"title":1550},79678,"main-rose","Main Rose",[1552],{"category":1553},{"id":195,"name":819,"slug":820},{"id":1555,"image":1556,"name":819,"slug":1557,"seo_title":1558,"seo_description":1559,"seo_alt_text":1560,"seo_tags":1561,"seo_indexable":810,"website":1563,"categories":1567},8337,"9faf1f30-7ba8-40d2-b565-36560720d5ea.png","abel-section-header-camhqp","Abel Fragrance Header with Centered Wordmark","The Abel Fragrance header is a slim full-width bar on a grainy pale gray field. A large white serif wordmark sits in the center, while small dark all-caps labels sit at the edges: a hamburger with MENU on the left and a search icon with CART on the right. Hierarchy is brand-first, with utilities reduced to quiet flanking text. The useful decision is the oversized centered mark against generous empty space, which keeps the bar spare and editorial.","Abel Fragrance header: centered white Abel wordmark on grainy gray, with Menu left and Cart right.",[1227,1207,1562,1265,1211],"Textured",{"id":1564,"slug":1565,"title":1566},79642,"abel","Abel",[1568],{"category":1569},{"id":195,"name":819,"slug":820},{"id":1571,"image":1572,"name":819,"slug":1573,"seo_title":1574,"seo_description":1575,"seo_alt_text":1576,"seo_tags":1577,"seo_indexable":810,"website":1578,"categories":1582},8390,"62a74925-1afd-4728-abc3-6a53d9d282d5.png","rabanne-section-header-jx6j6l","Rabanne Header with All-Caps Navigation","The Rabanne header is a slim, edge-to-edge white bar that places brand, category, and utility actions in one horizontal row. A bold lowercase wordmark sits left, then widely spaced all-caps links for New Arrivals, Shop, Gifts, and Maison Rabanne, with a thin dash isolating Beauty; search, account, and bag icons sit far right. Black sans-serif type on white keeps the bar quiet above a cropped fashion portrait. The dash is a useful cue that Beauty is a separate destination without extra color or weight.","Rabanne website header with lowercase logo, all-caps nav, Beauty link, and search, account, and bag icons.",[1227,1207,1209,1210,1248],{"id":1579,"slug":1580,"title":1581},79573,"rabanne","Rabanne",[1583],{"category":1584},{"id":195,"name":819,"slug":820},{"id":1586,"image":1587,"name":819,"slug":1588,"seo_title":1589,"seo_description":1590,"seo_alt_text":1591,"seo_tags":1592,"seo_indexable":810,"website":1593,"categories":1597},8420,"d619739c-bfcc-4bec-8447-8551d52be925.png","firn-section-header-ezffgx","Firn Header with Promo Strip and Centered Logo","Firn’s header stacks a slim black announcement bar over a full-width navy navigation band. Hierarchy is spare: a centered all-caps free-delivery line, then a bold FIRN wordmark with outline menu and search icons on the left and account and bag icons on the right. White marks sit on near-black and deep blue with high contrast and wide empty space. Replacing a text nav with icons isolates the wordmark as the only type in the main bar.","Firn header with free-delivery bar, centered FIRN logo, and menu, search, account, and bag icons on navy.",[1227,1264,1209,1210,1248],{"id":1594,"slug":1595,"title":1596},79572,"firn","Firn",[1598],{"category":1599},{"id":195,"name":819,"slug":820},{"id":1601,"image":1602,"name":819,"slug":1603,"seo_title":1604,"seo_description":1605,"seo_alt_text":1606,"seo_tags":1607,"seo_indexable":810,"website":1609,"categories":1613},8459,"6a77442c-898b-40b5-87ac-82bd9cde80ea.png","fried-egg-golf-section-header-hgww2d","Fried Egg Golf Header with Centered Wordmark","Fried Egg Golf’s header sits over a pale, edge-to-edge dune landscape. A script wordmark is centered at the top, flanked by a compact icon cluster on the left and a yellow Join the Club button on the right. Below, seven cream pill labels—Architecture through Pro Shop—form a second centered row of destinations. The light photographic field and handwritten logo give the bar a casual editorial tone, while the high-contrast yellow CTA is the only saturated accent.","Fried Egg Golf header with script logo, category pills, Join the Club button, and dune landscape.",[1329,1207,1245,1608,1210],"Handwritten Type",{"id":1610,"slug":1611,"title":1612},79454,"fried-egg-golf","Fried Egg Golf",[1614],{"category":1615},{"id":195,"name":819,"slug":820},{"id":1617,"image":1618,"name":819,"slug":1619,"seo_title":1620,"seo_description":1621,"seo_alt_text":1622,"seo_tags":1623,"seo_indexable":810,"website":1625,"categories":1629},8574,"3d730e89-c26a-4ef8-8aa3-0a600041f6ad.png","s-s-k-labs-section-header-pyvywm","S.S.K. Labs Header Over Amber Bottle Crop","The S.S.K. Labs header is a slim full-bleed bar. Utility links sit left on a cool gray field, while the widely spaced S.S.K. (LABS) wordmark and cart count sit on a grainy amber-to-black photograph of a white bottle with two dark openings. Hierarchy is quiet: small all-caps labels, then the product crop as the main visual. Separating the gray nav slab from the warm image keeps the chrome readable without covering the bottle.","S.S.K. Labs header with gray left nav, bottle photo, spaced wordmark, and cart count on amber.",[1227,1245,1624,1210],"Gradient",{"id":1626,"slug":1627,"title":1628},79674,"ssk-labs","S.S.K. Labs",[1630],{"category":1631},{"id":195,"name":819,"slug":820},{"id":1633,"image":1634,"name":819,"slug":1635,"seo_title":1636,"seo_description":1637,"seo_alt_text":1638,"seo_tags":1639,"seo_indexable":810,"website":1640,"categories":1644},8659,"d1605bed-fbe6-4f5d-b0ec-3acc68ff1f8c.png","daphne-section-header-r5msr6","Daphne Header with Centered Wordmark","The Daphne header is a full-width navigation bar set on a pale gray field. A centered serif wordmark sits between a sparse left cluster of all-caps links—Shop, About, Gift Cards, Coming Soon—and a right-side search icon with cart count. White type and generous horizontal spacing keep the bar quiet and boutique-like. Centering the logo while pushing utilities to the edges makes the brand the primary landmark without crowding the menu.","Daphne website header: left all-caps links, centered DAPHNE wordmark, search and Cart (0) on pale gray",[1329,1207,236,1265,1210],{"id":1641,"slug":1642,"title":1643},79645,"daphne","Daphne",[1645],{"category":1646},{"id":195,"name":819,"slug":820},{"id":1648,"image":1649,"name":819,"slug":1650,"seo_title":1651,"seo_description":1652,"seo_alt_text":1653,"seo_tags":1654,"seo_indexable":810,"website":1656,"categories":1660},8772,"d7631f46-0fc3-4b96-b80e-f3b363743964.png","toad-and-co-section-header-wmbscy","Toad and Co Header with Promo, Nav, and Brand Line","The Toad and Co header stacks three full-width bands: a dark shipping notice, a white primary bar, and a cream brand line. Shop categories sit left of a centered TOAD&CO wordmark with a Santa-hatted toad, while Impact, About, and outline utility icons sit right. All-caps labels keep the nav compact against the handwritten slogan below. Separating commerce links from the informal brand claim keeps the logo clear and the hierarchy readable.","Toad and Co header with dark shipping bar, centered toad logo, category links, and handwritten slogan",[1282,1486,1655,1210,1608],"Illustrative",{"id":1657,"slug":1658,"title":1659},79313,"toad-and-co","Toad and Co",[1661],{"category":1662},{"id":195,"name":819,"slug":820},{"id":1664,"image":1665,"name":819,"slug":1666,"seo_title":1667,"seo_description":1668,"seo_alt_text":1669,"seo_tags":1670,"seo_indexable":810,"website":1671,"categories":1675},8805,"173c6402-655a-49c5-b366-3fde57209d50.png","grand-le-mar-section-header-k8hs1l","Grand Lè Mar Header with Shipping Banner","Grand Lè Mar’s header stacks a slim black shipping announcement over a transparent navigation bar. A hamburger icon sits left, the GRAND LÈ MAR wordmark is centered in white all-caps sans-serif, and search, account, and bag icons align right. The controls float on a warm, out-of-focus interior photograph that fills the width. Leaving the nav bar open rather than solid keeps the lifestyle image dominant while the mark and utilities stay high-contrast.","Grand Lè Mar header with free-shipping bar, centered wordmark, and utility icons over a warm photo.",[1282,1227,1245,1209,1210],{"id":1672,"slug":1673,"title":1674},79308,"grand-le-mar","Grand Le Mar",[1676],{"category":1677},{"id":195,"name":819,"slug":820},{"id":1679,"image":1680,"name":819,"slug":1681,"seo_title":1682,"seo_description":1683,"seo_alt_text":1684,"seo_tags":1685,"seo_indexable":810,"website":1686,"categories":1690},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",[1227,1245,1264,1209,1248],{"id":1687,"slug":1688,"title":1689},79484,"canyon-coffee","Canyon Coffee",[1691],{"category":1692},{"id":195,"name":819,"slug":820},{"id":1694,"image":1695,"name":912,"slug":1696,"seo_title":1697,"seo_description":1698,"seo_alt_text":1699,"seo_tags":1700,"seo_indexable":810,"website":1701,"categories":1705},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.",[1227,1209,1393,1470,1210],{"id":1702,"slug":1703,"title":1704},79319,"tanat-coffee","Tanat Coffee",[1706],{"category":1707},{"id":195,"name":819,"slug":820},{"pages":256,"sections":393},{"id":195,"name":819,"slug":820,"seo_title":1710,"seo_description":1711,"intro":1712,"design_guidance":1713,"pattern_groups":1714,"faqs":1959,"indexable":810,"_count":1969},"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.",[1715,1759,1802,1846,1876,1917],{"title":1716,"sectionIds":1717,"description":1721,"sections":1722},"Retail bars with search and cart",[1718,1719,1720],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.",[1723,1735,1747],{"id":1718,"image":1724,"name":1725,"slug":1726,"seo_alt_text":1727,"seo_indexable":810,"website":1728,"categories":1732},"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":1729,"slug":1730,"title":1731},92629,"duft-und-kultur","Duft und Kultur",[1733],{"category":1734},{"id":195,"name":819,"slug":820},{"id":1719,"image":1736,"name":1737,"slug":1738,"seo_alt_text":1739,"seo_indexable":810,"website":1740,"categories":1744},"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":1741,"slug":1742,"title":1743},85226,"balmoral-running","Balmoral Running",[1745],{"category":1746},{"id":195,"name":819,"slug":820},{"id":1720,"image":1748,"name":1749,"slug":1750,"seo_alt_text":1751,"seo_indexable":810,"website":1752,"categories":1756},"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":1753,"slug":1754,"title":1755},84223,"susanne-kaufmann","Susanne Kaufmann",[1757],{"category":1758},{"id":195,"name":819,"slug":820},{"title":1760,"sectionIds":1761,"description":1765,"sections":1766},"Product headers with login and a primary ask",[1762,1763,1764],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.",[1767,1779,1791],{"id":1762,"image":1768,"name":1769,"slug":1770,"seo_alt_text":1771,"seo_indexable":810,"website":1772,"categories":1776},"37ca777b-72f1-467a-bc79-0ce7d52a9c9b.png","Navigation header","wisq-section-header-bkonvq","Wisq header with logo, centered nav links, Sign In and Request a Demo buttons on white.",{"id":1773,"slug":1774,"title":1775},86141,"wisq","Wisq",[1777],{"category":1778},{"id":195,"name":819,"slug":820},{"id":1763,"image":1780,"name":1781,"slug":1782,"seo_alt_text":1783,"seo_indexable":810,"website":1784,"categories":1788},"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":1785,"slug":1786,"title":1787},86140,"directus","Directus",[1789],{"category":1790},{"id":195,"name":819,"slug":820},{"id":1764,"image":1792,"name":1737,"slug":1793,"seo_alt_text":1794,"seo_indexable":810,"website":1795,"categories":1799},"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":1796,"slug":1797,"title":1798},85424,"automated-architecture","Automated Architecture",[1800],{"category":1801},{"id":195,"name":819,"slug":820},{"title":1803,"sectionIds":1804,"description":1808,"sections":1809},"Promo and announcement layers",[1805,1806,1807],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.",[1810,1822,1834],{"id":1805,"image":1811,"name":1812,"slug":1813,"seo_alt_text":1814,"seo_indexable":810,"website":1815,"categories":1819},"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":1816,"slug":1817,"title":1818},85428,"otherhalf","Otherhalf",[1820],{"category":1821},{"id":195,"name":819,"slug":820},{"id":1806,"image":1823,"name":1824,"slug":1825,"seo_alt_text":1826,"seo_indexable":810,"website":1827,"categories":1831},"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":1828,"slug":1829,"title":1830},85193,"cure51","Cure51",[1832],{"category":1833},{"id":195,"name":819,"slug":820},{"id":1807,"image":1835,"name":1836,"slug":1837,"seo_alt_text":1838,"seo_indexable":810,"website":1839,"categories":1843},"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":1840,"slug":1841,"title":1842},84953,"happly","Happly",[1844],{"category":1845},{"id":195,"name":819,"slug":820},{"title":1847,"sectionIds":1848,"description":1851,"sections":1852},"Floating and capsule navigation",[1849,1850],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.",[1853,1865],{"id":1849,"image":1854,"name":1855,"slug":1856,"seo_alt_text":1857,"seo_indexable":810,"website":1858,"categories":1862},"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":1859,"slug":1860,"title":1861},85739,"dobre-agency","Dobre Agency",[1863],{"category":1864},{"id":195,"name":819,"slug":820},{"id":1850,"image":1866,"name":1769,"slug":1867,"seo_alt_text":1868,"seo_indexable":810,"website":1869,"categories":1873},"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":1870,"slug":1871,"title":1872},83651,"moneda","Moneda",[1874],{"category":1875},{"id":195,"name":819,"slug":820},{"title":1877,"sectionIds":1878,"description":1882,"sections":1883},"Transparent headers over photography",[1879,1880,1881],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.",[1884,1895,1906],{"id":1879,"image":1885,"name":1769,"slug":1886,"seo_alt_text":1887,"seo_indexable":810,"website":1888,"categories":1892},"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":1889,"slug":1890,"title":1891},85228,"mp2-collective","MP2 Collective",[1893],{"category":1894},{"id":195,"name":819,"slug":820},{"id":1880,"image":1896,"name":819,"slug":1897,"seo_alt_text":1898,"seo_indexable":810,"website":1899,"categories":1903},"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":1900,"slug":1901,"title":1902},86147,"the-american-housing-corporation","The American Housing Corporation",[1904],{"category":1905},{"id":195,"name":819,"slug":820},{"id":1881,"image":1907,"name":1781,"slug":1908,"seo_alt_text":1909,"seo_indexable":810,"website":1910,"categories":1914},"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":1911,"slug":1912,"title":1913},85782,"london-film-school","London Film School",[1915],{"category":1916},{"id":195,"name":819,"slug":820},{"title":1918,"sectionIds":1919,"description":1923,"sections":1924},"Compact maps with one clear action",[1920,1921,1922],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.",[1925,1937,1948],{"id":1920,"image":1926,"name":1927,"slug":1928,"seo_alt_text":1929,"seo_indexable":810,"website":1930,"categories":1934},"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":1931,"slug":1932,"title":1933},85624,"house-of-honey","House of Honey",[1935],{"category":1936},{"id":195,"name":819,"slug":820},{"id":1921,"image":1938,"name":1769,"slug":1939,"seo_alt_text":1940,"seo_indexable":810,"website":1941,"categories":1945},"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":1942,"slug":1943,"title":1944},84995,"haven-foods","Haven Foods",[1946],{"category":1947},{"id":195,"name":819,"slug":820},{"id":1922,"image":1949,"name":912,"slug":1950,"seo_alt_text":1951,"seo_indexable":810,"website":1952,"categories":1956},"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":1953,"slug":1954,"title":1955},84356,"zentto","Zentto",[1957],{"category":1958},{"id":195,"name":819,"slug":820},[1960,1963,1966],{"answer":1961,"question":1962},"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":1964,"question":1965},"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":1967,"question":1968},"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":822},{"id":893,"name":1971,"slug":1972},"Ecommerce","ecommerce",{"categories":1974},[1975,1977,1979,1981,1983,1985,1987],{"id":39,"name":808,"slug":809,"indexable":810,"_count":1976},{"sections":490},{"id":160,"name":814,"slug":815,"indexable":810,"_count":1978},{"sections":420},{"id":335,"name":844,"slug":845,"indexable":810,"_count":1980},{"sections":335},{"id":195,"name":819,"slug":820,"indexable":810,"_count":1982},{"sections":393},{"id":322,"name":857,"slug":858,"indexable":810,"_count":1984},{"sections":153},{"id":66,"name":834,"slug":835,"indexable":810,"_count":1986},{"sections":153},{"id":502,"name":829,"slug":830,"indexable":810,"_count":1988},{"sections":477}]