[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f1h00t08y7hyaw":3,"public-section-categories":805,"$f1ez7x9wskl4b":1196,"$f3v9aiqpz74xfw":1936},{"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":1713,"category":1715,"tag":1935},[1198,1218,1236,1255,1270,1287,1307,1322,1339,1356,1372,1388,1403,1419,1435,1450,1468,1483,1498,1514,1529,1545,1560,1575,1590,1605,1620,1635,1650,1667,1683,1698],{"id":1199,"image":1200,"name":808,"slug":1201,"seo_title":1202,"seo_description":1203,"seo_alt_text":1204,"seo_tags":1205,"seo_indexable":810,"website":1211,"categories":1215},27838,"9d00d42c-a64d-46e5-a433-7e9b314c2f28.png","analogue-af-1-section-hero-fx5dso","Analogue aF-1 Hero: Camera on Blue Gradient","This Analogue aF-1 hero presents the compact camera as a centered vertical stack. A slim white bar carries the analogue wordmark and an English language control, then a large rounded panel holds the product name, the line Just Point and Shoot, and Available 2026 above a front-on black camera. Soft blue gradient fills the panel and fades toward white edges, so the dark body sits in open space. Isolating sparse white type over the hardware shot makes the object the main message without extra chrome.","Analogue aF-1 hero with centered title, tagline, 2026 date, and black compact camera on a blue gradient.",[1206,1207,1208,1209,1210],"Centered","Gradient","Photographic","Display Type","Light",{"id":1212,"slug":1213,"title":1214},82506,"analogue-af-1","Analogue Af-1",[1216],{"category":1217},{"id":39,"name":808,"slug":809},{"id":1219,"image":1220,"name":808,"slug":1221,"seo_title":1222,"seo_description":1223,"seo_alt_text":1224,"seo_tags":1225,"seo_indexable":810,"website":1229,"categories":1233},27687,"59e64eb4-0a6d-44e9-9749-3d5733930e57.png","groundies-section-hero-uzpv3a","Groundies AW26 Split-Screen Hero","The Groundies homepage hero introduces AW26 as a full-bleed photographic split. The left panel is a sunlit lifestyle portrait of a woman in jeans and sneakers, overlaid with oversized white “Groundies AW26” type and a short season line. The right panel crops to cuffed denim and a dark sneaker on cobblestones, with two white buttons, Buy now and Shop the look. Pairing a full-body campaign shot with a product close-up ties mood to merchandise without extra chrome.","Groundies AW26 hero: split photos of a woman in sneakers and a cobblestone shoe close-up with two CTAs",[1226,1208,1227,1228],"Split Screen","Oversized Type","Sans-serif",{"id":1230,"slug":1231,"title":1232},83174,"groundies","Groundies",[1234],{"category":1235},{"id":39,"name":808,"slug":809},{"id":1237,"image":1238,"name":808,"slug":1239,"seo_title":1240,"seo_description":1241,"seo_alt_text":1242,"seo_tags":1243,"seo_indexable":810,"website":1248,"categories":1252},27749,"b180cbd3-ecfd-4183-b901-bd0bb2f3ff5c.png","soros-section-hero-o903od","Soros Hero with Oversized Crypto Headline","The Soros hero is a waitlist capture on a black fullscreen canvas. Hierarchy runs from a slim top nav (Features, About, purple Join Beta) into an oversized three-line headline, then a compact email-plus-Join Waitlist pair and a 50,000-join proof line. Cropped white geometric fragments occupy the corners, framing the centered stack. The only color sits on the nav CTA, so the waitlist form stays quiet and secondary.","Soros hero: dark fullscreen, oversized white ‘The Future of Shopping is Crypto’ headline, waitlist form, geometric shapes",[1244,1245,1246,1227,1247],"Fullscreen","Dark","Geometric","High Contrast",{"id":1249,"slug":1250,"title":1251},84925,"soros","Soros",[1253],{"category":1254},{"id":39,"name":808,"slug":809},{"id":1256,"image":1257,"name":808,"slug":1258,"seo_title":1259,"seo_description":1260,"seo_alt_text":1261,"seo_tags":1262,"seo_indexable":810,"website":1263,"categories":1267},26438,"354af60f-0fa0-4759-8fcf-0883b05752c6.png","porter-james-section-hero-i1j1kp","Porter James Split Hero with Street Look and Products","Porter James opens with a split hero: a full-bleed street photograph on the left and a quiet white product field on the right. Overlay type marks the look as 01, 2026 Release 04, with a Shop link on the image. Three isolated stills—black jacket, pale blue tee, white trousers—echo the worn outfit. Pairing documentary fashion photography with catalog product shots makes the collection readable as both lifestyle and inventory.","Porter James hero: street photo of a model in jacket and pale tee beside three product stills on white.",[1226,1208,236,1210,1228],{"id":1264,"slug":1265,"title":1266},86313,"porter-james","Porter James",[1268],{"category":1269},{"id":39,"name":808,"slug":809},{"id":1271,"image":1272,"name":808,"slug":1273,"seo_title":1274,"seo_description":1275,"seo_alt_text":1276,"seo_tags":1277,"seo_indexable":810,"website":1280,"categories":1284},25954,"217ac519-490f-4026-b5ba-39a1c8e13288.png","distance-section-hero-e7vnct","Distance Two-Column Hero with ACG and Hoka","This Distance hero pairs two collection features beneath a thin logo-and-category header. Hierarchy runs from product photography to oversized all-caps titles and small outlined Découvrir buttons. The layout is two unequal columns: a wide studio flat lay of a white perforated ACG top beside a tighter crop of olive shorts with lime Distance type. Keeping both tiles on a pale field makes mesh, cutouts, and side branding read as the primary visual information.","Distance hero showing ACG Radical Airflow mesh top and Distance x Hoka shorts campaign tiles.",[1278,1208,1247,1279,1210],"Two Column","All Caps",{"id":1281,"slug":1282,"title":1283},84290,"distance","Distance",[1285],{"category":1286},{"id":39,"name":808,"slug":809},{"id":1288,"image":1289,"name":808,"slug":1290,"seo_title":1291,"seo_description":1292,"seo_alt_text":1293,"seo_tags":1294,"seo_indexable":810,"website":1300,"categories":1304},26197,"88ebfc0b-c43a-4df3-8d2e-1b9c2db181a2.png","wedgwood-section-hero-e6jg01","Wedgwood Archive Sale Hero","The Wedgwood hero presents the Archive Sale as a full-width red field beneath a slim promo line and a centered wordmark header. Cream silhouettes of teapots, cups, and serving pieces sit in two rows that frame a widely spaced ARCHIVE SALE headline, with a compact Shop up to 50% off label at the lower left. Using graphic tableware outlines instead of product photos keeps the sale message bold while the forms stay instantly recognizable.","Wedgwood hero: red Archive Sale banner with cream teapot and cup silhouettes plus a shop-off label",[1295,1296,1297,1298,1299,230],"colorful","typographic","image-led","full-width","centered",{"id":1301,"slug":1302,"title":1303},86137,"wedgwood","Wedgwood",[1305],{"category":1306},{"id":39,"name":808,"slug":809},{"id":1308,"image":1309,"name":808,"slug":1310,"seo_title":1311,"seo_description":1312,"seo_alt_text":1313,"seo_tags":1314,"seo_indexable":810,"website":1315,"categories":1319},26280,"2cd301b8-7b68-42fd-9b1b-29688e27617c.png","pairs-socks-section-hero-jn9f45","Pairs Socks Fullscreen Summer Sale Hero","The Pairs Socks hero opens with a slim yellow shipping bar and a centered wordmark navigation, then a full-bleed lifestyle photograph. A woman reclines on a rattan sun lounger beside a pool, wearing cream socks and patterned shoes that keep the product in frame. White sans-serif type sits in the middle of the image, stacking a Summer Sale headline over a 20% off line. Placing the copy over the mid-torso leaves the face, socks, and deck texture unobstructed.","Pairs Socks hero: poolside lounger photo with centered Summer Sale and 20% off overlay",[1244,1208,236,1210,1228],{"id":1316,"slug":1317,"title":1318},86148,"pairs-socks","Pairs Socks",[1320],{"category":1321},{"id":39,"name":808,"slug":809},{"id":1323,"image":1324,"name":808,"slug":1325,"seo_title":1326,"seo_description":1327,"seo_alt_text":1328,"seo_tags":1329,"seo_indexable":810,"website":1332,"categories":1336},26020,"472a8673-b743-4ded-b372-59960930b8b3.png","haven-foods-section-hero-mzcjpm","Haven Foods Hero with Centered Headline and Dual CTAs","The Haven Foods hero pairs a full-width, muted photograph of tiny shrimp with a centered brand message. A slim header holds the script logo, three text links, and a Contact control. Below, a large cream headline states the sustainable seafood promise, a short supporting line explains farmed and value-added products, and two buttons—filled Our Story and outlined Contact Us—sit side by side. Placing the type low keeps the image field dominant while still making the offer and next steps readable.","Haven Foods hero with shrimp photo, nav, sustainable seafood headline, and Our Story and Contact Us buttons.",[1297,1298,1299,1296,1330,1331],"light","conversion-focused",{"id":1333,"slug":1334,"title":1335},84995,"haven-foods","Haven Foods",[1337],{"category":1338},{"id":39,"name":808,"slug":809},{"id":1340,"image":1341,"name":808,"slug":1342,"seo_title":1343,"seo_description":1344,"seo_alt_text":1345,"seo_tags":1346,"seo_indexable":810,"website":1349,"categories":1353},25999,"b527effa-4209-4193-87bb-6693739b949c.png","susanne-kaufmann-section-hero-zx247j","Susanne Kaufmann Split-Screen Lip Oil Hero","The Susanne Kaufmann hero sits below a dark promo bar and a cream header with serif wordmark, all-caps links, and utility actions. Two equal panels follow: a tight crop of glossy lips, and a fruit close-up carrying a serif “New: Lip Oil” headline, benefit line, pale Shop Now button, and white-framed bottle still. Cream margins keep the campaign editorial. Overlaying the packshot as a card on the fruit texture ties product and sensory imagery in one frame.","Susanne Kaufmann hero: split close-ups of lips and fruit with Lip Oil headline, copy, Shop Now and bottle.",[1226,1208,236,1347,1348],"Serif-led","Layered",{"id":1350,"slug":1351,"title":1352},84223,"susanne-kaufmann","Susanne Kaufmann",[1354],{"category":1355},{"id":39,"name":808,"slug":809},{"id":1357,"image":1358,"name":808,"slug":1359,"seo_title":1360,"seo_description":1361,"seo_alt_text":1362,"seo_tags":1363,"seo_indexable":810,"website":1365,"categories":1369},25868,"2423c6ce-be3b-41cd-89d8-e73ac344ae23.png","cdp-section-hero-dt85we","CDP World Hero with Overlay Nav and Campaign Photo","The CDP World hero pairs a sparse overlay header with a full-bleed campaign still. A serif wordmark sits left, three all-caps links sit centered, and search plus bag count sit right. Below, a model in black leather reclines on a pale floor with a laptop, legs raised through a chrome lounge chair against a black void. A white strip holds NEW IN and numbered markers, keeping UI small so the cinematic pose leads.","CDP World hero: overlay nav over a dark editorial photo of a model on the floor with a laptop.",[1364,1208,1245,236,1279,1347],"Edge-to-edge",{"id":1366,"slug":1367,"title":1368},86125,"cdp","Cdp",[1370],{"category":1371},{"id":39,"name":808,"slug":809},{"id":1373,"image":1374,"name":808,"slug":1375,"seo_title":1376,"seo_description":1377,"seo_alt_text":1378,"seo_tags":1379,"seo_indexable":810,"website":1381,"categories":1385},25796,"cd754ac0-4b58-4bd0-bf0d-b757bd50d660.png","leo-lin-section-hero-pbzfk0","Leo Lin Fullscreen Hero for Matinee Collection","The Leo Lin hero fills the viewport with a campaign image of a model in a flowing orange floral gown, overlaid by a cropped LEO LIN wordmark and slim top navigation. Lower-left type stacks Fall Winter 26, a large MATINEE title, and EXPLORE. High-contrast white sans-serif sits on the photograph, and a mute icon signals video. Cropping the wordmark off the top edge fuses branding with the campaign frame.","Leo Lin hero: oversized LEO LIN wordmark over a model in an orange floral gown, with Matinee and Explore text",[1244,1208,1380,1227,1279],"Video-led",{"id":1382,"slug":1383,"title":1384},86124,"leo-lin","Leo Lin",[1386],{"category":1387},{"id":39,"name":808,"slug":809},{"id":1389,"image":1390,"name":808,"slug":1391,"seo_title":1392,"seo_description":1393,"seo_alt_text":1394,"seo_tags":1395,"seo_indexable":810,"website":1396,"categories":1400},25754,"195e3758-cd18-4a68-9b23-adf056c73fee.png","lyle-and-scott-section-hero-sbi6ad","Lyle & Scott Summer Sale Hero","Lyle & Scott opens with a thin returns notice and a white header, then a full-bleed amber gradient field. Centered all-caps serif lines stack the sale name, “up to 50% off,” and further reductions, leaving wide empty colour around the type. A small underlined Shop All Offers line with an arrow sits low in the frame. Using a colour wash instead of campaign photography keeps the offer as the only focal point.","Lyle & Scott hero with warm orange gradient, centered summer sale headlines, and Shop All Offers link",[1244,1207,1347,1279,1210],{"id":1397,"slug":1398,"title":1399},86094,"lyle-and-scott","Lyle and Scott",[1401],{"category":1402},{"id":39,"name":808,"slug":809},{"id":1404,"image":1405,"name":808,"slug":1406,"seo_title":1407,"seo_description":1408,"seo_alt_text":1409,"seo_tags":1410,"seo_indexable":810,"website":1412,"categories":1416},25596,"f0eec83a-360f-44e3-a97f-7c9b0343f4ec.png","adaptual-health-section-hero-l4l7y6","Adaptual Health Split-Screen Hero","Adaptual Health’s hero splits a pale cream copy column from a tightly cropped photograph of stacked, colour-coded tincture boxes. Hierarchy runs from a farm announcement and centered-logo nav into social proof, an oversized three-line headline, benefit copy, and an outlined Shop Now button, with origin and extraction claims along the bottom. The right-hand image supplies almost all the colour, turning packaging into proof of the wellness promise. Keeping type black and flush-left against the busy product grid keeps the offer readable.","Adaptual Health hero with cream left copy, Shop Now button, and stacked colourful tincture boxes.",[1226,1208,1411,1227,1210],"Colourful",{"id":1413,"slug":1414,"title":1415},85978,"adaptual-health","Adaptual Health",[1417],{"category":1418},{"id":39,"name":808,"slug":809},{"id":1420,"image":1421,"name":808,"slug":1422,"seo_title":1423,"seo_description":1424,"seo_alt_text":1425,"seo_tags":1426,"seo_indexable":810,"website":1428,"categories":1432},25730,"a84223c6-98ae-4db6-9f24-24e33457f33a.png","siha-section-hero-thqux7","SIHA Fullscreen Photographic Hero","The SIHA hero sits under a slim header of wordmark, nature-rooted tagline, and text links, then fills the frame with a close portrait of a woman applying a white mask by brush. A large white headline and shorter supporting line sit left over the image, with an underlined FIND YOUR ROUTINE cue beneath. A compact World of SIHA signup card with a rust email bar is pinned to the lower right, leaving the photograph dominant while adding a second, quieter capture path.","SIHA hero: full-bleed photo of a woman applying a mask, left headline, and signup card",[1244,1427,1208,236,1279],"Overlapping",{"id":1429,"slug":1430,"title":1431},86099,"siha","Siha",[1433],{"category":1434},{"id":39,"name":808,"slug":809},{"id":1436,"image":1437,"name":808,"slug":1438,"seo_title":1439,"seo_description":1440,"seo_alt_text":1441,"seo_tags":1442,"seo_indexable":810,"website":1443,"categories":1447},25701,"288b3324-b7f6-42fa-ad2e-dbad4516440b.png","officine-generale-section-hero-gcgrhv","Officine Générale Split-Screen Sale Hero","Officine Générale’s homepage hero is a full-bleed split of two coastal fashion photographs. A close crop of a woman’s back fills the left half, while a couple stands on a stone seawall at right; both panels carry bottom-aligned sale headlines. A thin overlay of all-caps navigation sits at the top: stacked category links on the left, the brand wordmark centered, and account links on the right. Pairing two crop scales under matching sale copy lets the layout present both collections without extra chrome.","Officine Générale hero: split coastal photos of a woman by water and a couple on a seawall with sale headlines.",[1226,1208,236,1279],{"id":1444,"slug":1445,"title":1446},85985,"officine-generale","Officine Generale",[1448],{"category":1449},{"id":39,"name":808,"slug":809},{"id":1451,"image":1452,"name":808,"slug":1453,"seo_title":1454,"seo_description":1455,"seo_alt_text":1456,"seo_tags":1457,"seo_indexable":810,"website":1461,"categories":1465},25766,"e20bdafb-c8d4-4e06-a45f-a8af3f989d81.png","bucks-sauce-section-hero-jwe444","Bucks Sauce Hero with Oversized BBQ Headline","The Bucks Sauce hero sits on a near-black field, with a mascot logo at left and an all-caps utility nav at right. A cream, oversized headline is centered above the fold, mixing an outlined first line with heavier solid type. Below, a thin labeled band names Product No.01 and Crushed Pineapple Sriracha around a photographed bottle and pineapple chunks on a gold circle, flanked by circular arrow buttons. The dark ground isolates the type and product so the bottle and fruit carry all the color.","Bucks Sauce hero with cream headline, dark field, and pineapple sriracha bottle.",[1458,1245,1459,1227,1460,1208],"Stacked","Playful","Mixed Type",{"id":1462,"slug":1463,"title":1464},86068,"bucks-sauce","Bucks Sauce",[1466],{"category":1467},{"id":39,"name":808,"slug":809},{"id":1469,"image":1470,"name":808,"slug":1471,"seo_title":1472,"seo_description":1473,"seo_alt_text":1474,"seo_tags":1475,"seo_indexable":810,"website":1476,"categories":1480},25681,"25f74416-e9d7-4b08-b908-41e8a284ecbb.png","joy-supply-section-hero-mxrcvw","Joy Supply Hero: Farm Window and Cookie Still Life","The Joy Supply hero fills the first screen with a window-framed farm photograph. A white script logo sits at the top between a clover Menu badge and a starburst Cart badge. Oversized yellow italic display type centers the line “A Better Cookie, Plain and Simple,” with a scalloped Shop Cookies button beneath it. Cookies sit on a cooling rack along the sill, with reaching hands at the edges, so the product and pastoral view read as one still life.","Joy Supply hero: yellow cookie headline over a farm window, sill cookies, Menu, Cart, and Shop Cookies.",[1244,1208,1459,1209,1347],{"id":1477,"slug":1478,"title":1479},85984,"joy-supply","Joy Supply",[1481],{"category":1482},{"id":39,"name":808,"slug":809},{"id":1484,"image":1485,"name":808,"slug":1486,"seo_title":1487,"seo_description":1488,"seo_alt_text":1489,"seo_tags":1490,"seo_indexable":810,"website":1491,"categories":1495},25267,"013dc096-0690-4e6c-a00f-20376ff9e24d.png","funner-section-hero-lmeaiv","Funner Hero Split of Models and Product Bottle","Funner’s hero splits the viewport between a studio portrait of two models sharing a long braid of hair and a tight still life of a sculptural cream pump bottle. A row of saturated pill links for Shampoo, Condition, Style, Treat, and By Function sits across the top with circular logos and a cart count. White sans-serif copy titled “Wear your hair” sits in the lower left of the portrait, stating professional-grade formulas made for personal style. The split keeps people and packaging equally dominant while the candy-colored nav contrasts the muted beige photography.","Funner homepage hero split between two long-haired models and a cream pump bottle with colorful nav pills.",[1226,1208,1411,1459,1279],{"id":1492,"slug":1493,"title":1494},86486,"funner","Funner",[1496],{"category":1497},{"id":39,"name":808,"slug":809},{"id":1499,"image":1500,"name":808,"slug":1501,"seo_title":1502,"seo_description":1503,"seo_alt_text":1504,"seo_tags":1505,"seo_indexable":810,"website":1507,"categories":1511},24153,"2416a75c-0bd5-422a-a933-52f1dbe0655f.png","counterpart-section-hero-syi9rx","Counterpart Hero with Framed Lifestyle Still Life","Counterpart’s hero stacks a repeating Pearl restock banner over a cream header that centers the bold wordmark between Shop, About, and a cart icon. A large rounded photograph then dominates: a warm desk still life with the compact charger plugged into wood, flanked by a bottle, flowers, books, and everyday objects. White headline type and a pill-shaped Shop Your Counterpart button sit in the lower left, presenting the product inside a lived-in interior instead of isolating it.","Counterpart hero: cream header with centered logo above a framed desk still life of a wall charger, headline, and shop button",[1506,236,1210,1208,1209],"Framed",{"id":1508,"slug":1509,"title":1510},84908,"counterpart","Counterpart",[1512],{"category":1513},{"id":39,"name":808,"slug":809},{"id":1515,"image":1516,"name":808,"slug":1517,"seo_title":1518,"seo_description":1519,"seo_alt_text":1520,"seo_tags":1521,"seo_indexable":810,"website":1522,"categories":1526},24161,"375e1b3f-f96e-45e1-9266-ee883b60b36f.png","oka-section-hero-sx2tas","OKA Hero with Weekend Sale Over Patio Scene","OKA’s homepage hero is a full-bleed lifestyle photograph of a sunlit patio with sofas, armchairs, ottomans, and ceramic vessels. A rust promo strip and dark category header sit above a centered type stack: an oversized serif sale headline, a shorter line on garden, furniture and homeware savings, and a compact Shop Now button. Warm daylight and layered outdoor furnishings set an editorial product mood. A Shop Scene control with six thumbnails is pinned at the base, linking the offer to the styled set.","OKA hero: patio furniture photo, weekend sale headline, Shop Now button, and shop-the-scene thumbnails",[1244,1208,236,1347,1227],{"id":1523,"slug":1524,"title":1525},84928,"oka","Oka",[1527],{"category":1528},{"id":39,"name":808,"slug":809},{"id":1530,"image":1531,"name":808,"slug":1532,"seo_title":1533,"seo_description":1534,"seo_alt_text":1535,"seo_tags":1536,"seo_indexable":810,"website":1538,"categories":1542},24219,"9a685a46-5fc5-4f94-b71f-827678e09950.png","outfit-section-hero-b24k48","Outfit Hero with Oversized Red Wordmark","The Outfit hero introduces the ++hellohello apparel store on a cream field dominated by a single red wordmark. A compact top bar holds the ++ mark, Shop, Bag, and three color dots, then OUTFIT® stretches full width above a thin rule. Beneath, a four-column band pairs a short Why statement with utility links, while four cropped stills—printed tee, cap, sweatshirt, backpack—preview the collection. Scaling the name far above the quiet product row makes the brand the first object, then the merch.","Outfit hero with huge red OUTFIT wordmark, intro copy, and four photos of a tee, cap, sweatshirt, and backpack.",[1458,1537,1227,1208,1247],"Swiss Style",{"id":1539,"slug":1540,"title":1541},84983,"outfit","Outfit",[1543],{"category":1544},{"id":39,"name":808,"slug":809},{"id":1546,"image":1547,"name":808,"slug":1548,"seo_title":1549,"seo_description":1550,"seo_alt_text":1551,"seo_tags":1552,"seo_indexable":810,"website":1553,"categories":1557},23949,"eeda16b9-9926-474f-b8ba-a41f729d82f3.png","nordika-section-hero-u2qrct","Nordika Hero with Lifestyle Video and Serif Headline","The Nordika hero places a maple-leaf ticker and cream pill navigation above a full-bleed indoor video of a golden dog eating beside a large branded bag. Hierarchy moves from chrome to lifestyle media, then to the cream serif headline “Feed their next adventure” at lower left. Packaging stays readable on the left while the dog fills the right, so the claim sits on a real feeding moment rather than an isolated pack shot.","Nordika hero: dog eating beside a product bag, cream nav, and Feed their next adventure headline",[1364,1208,1380,1347,1227],{"id":1554,"slug":1555,"title":1556},84770,"nordika","Nordika",[1558],{"category":1559},{"id":39,"name":808,"slug":809},{"id":1561,"image":1562,"name":808,"slug":1563,"seo_title":1564,"seo_description":1565,"seo_alt_text":1566,"seo_tags":1567,"seo_indexable":810,"website":1568,"categories":1572},23779,"8d6a3521-a6e1-4bd3-beb1-3c14386a6d41.png","katkin-section-hero-uv3m8j","KatKin Hero with Lime Kitchen Overlay","KatKin’s hero sits under a lime promo bar and a centered handwritten wordmark, then fills the frame with a kitchen photograph. Oversized all-caps lime type stacks on the left over a Bengal cat at the counter, followed by a short white subhead and a pill-shaped Get Started button. Warm documentary photography and acid-yellow type sell a meat-first feeding story, while a cropped white script logo along the bottom edge brands the scene without covering the cat.","KatKin hero with lime Born to Eat Meat headline, Get Started button, and a Bengal cat on a kitchen counter.",[1244,1208,1411,1227,1279,1427],{"id":1569,"slug":1570,"title":1571},84221,"katkin","Katkin",[1573],{"category":1574},{"id":39,"name":808,"slug":809},{"id":1576,"image":1577,"name":808,"slug":1578,"seo_title":1579,"seo_description":1580,"seo_alt_text":1581,"seo_tags":1582,"seo_indexable":810,"website":1583,"categories":1587},23985,"728e470c-74b5-4e01-a918-ec19becacd3f.png","make-ready-section-hero-nptmrn","Make–Ready Collection Hero with Split Studio Photos","The Make–Ready hero pairs a slim white header with a full-width split of studio photographs. On the left, artist Henry Ward sits among paintings while a serif headline, status line, and boxed Discover more button sit in the lower corner; the right panel shows a framed yellow print on a paint-splattered wall beside a crate of tubes. The documentary pairing presents maker and finished work as equal halves, keeping navigation spare so the photographs carry the collection announcement.","Make–Ready hero: split studio photos of Henry Ward and a framed yellow print with collection headline",[1226,1208,236,1347],{"id":1584,"slug":1585,"title":1586},84752,"make-ready","Make Ready",[1588],{"category":1589},{"id":39,"name":808,"slug":809},{"id":1591,"image":1592,"name":808,"slug":1593,"seo_title":1594,"seo_description":1595,"seo_alt_text":1596,"seo_tags":1597,"seo_indexable":810,"website":1598,"categories":1602},23117,"b9e1c434-da3b-4add-9499-457bf0c5d998.png","montamont-section-hero-re9mxq","Montamont Image-Led Hero: Rediscovering the Alps","The Montamont hero fills the viewport with a close-up oil painting of hands holding wildflowers, overlaid by slim top navigation and left-aligned type. Hierarchy moves from the centered wordmark and menus to the large white headline “Rediscovering the Alps,” then two bottom-left buttons and a small Cortina d’Ampezzo line. The layout is full-width and image-led, with sparse type placed in the quieter left field of the artwork. Leaving the painterly texture unfiltered sets an editorial mood before product or stay messaging.","Montamont hero: flower-holding hands painting, Rediscovering the Alps headline, shop and stays buttons, top nav.",[1297,1298,237,1296,230],{"id":1599,"slug":1600,"title":1601},84092,"montamont","Montamont",[1603],{"category":1604},{"id":39,"name":808,"slug":809},{"id":1606,"image":1607,"name":808,"slug":1608,"seo_title":1609,"seo_description":1610,"seo_alt_text":1611,"seo_tags":1612,"seo_indexable":810,"website":1613,"categories":1617},21826,"d050396a-35fb-48b9-81b0-ab40803275be.png","ferm-living-section-hero-j2ih2d","Ferm Living Hero: Spring Summer 2026 Collection","Ferm Living’s hero pairs a thin utility bar and sparse header with an edge-to-edge living-room photograph. Oversized serif type announces the Spring Summer 2026 Collection at center, with a thin outlined Discover the new collection label beneath it and a 4\u002F4 marker in the corner. Four warm interior crops sit in a tight row under the hero, extending the same earthy daylight palette without competing with the headline.","Ferm Living hero with beige sofa interior, Spring Summer 2026 Collection headline, CTA, and four lifestyle photos",[1364,1208,236,1347,1227],{"id":1614,"slug":1615,"title":1616},82628,"ferm-living","Ferm Living",[1618],{"category":1619},{"id":39,"name":808,"slug":809},{"id":1621,"image":1622,"name":808,"slug":1623,"seo_title":1624,"seo_description":1625,"seo_alt_text":1626,"seo_tags":1627,"seo_indexable":810,"website":1628,"categories":1632},21016,"16ebf7a7-bdc9-4962-b650-30a8f6d4d1cd.png","spacetalk-section-hero-h90ond","Spacetalk Hero with Lifestyle Photo and Inline CTA","The Spacetalk hero sits under a slim promo bar and a white navigation row, then opens into a full-bleed backyard photograph of a child batting as a red ball rushes toward the camera. Bold white headline copy sits on the left, while a centered line splits “Your” and “space.” around a pill-shaped Shop Now button on a thin rule. Placing the CTA inside the brand phrase keeps the pitch informal and ties the action to the lifestyle crop.","Spacetalk homepage hero: boy playing backyard cricket with overlay headline and Shop Now button",[1364,1208,1348,1227],{"id":1629,"slug":1630,"title":1631},82125,"spacetalk","Spacetalk",[1633],{"category":1634},{"id":39,"name":808,"slug":809},{"id":1636,"image":1637,"name":808,"slug":1638,"seo_title":1639,"seo_description":1640,"seo_alt_text":1641,"seo_tags":1642,"seo_indexable":810,"website":1643,"categories":1647},21004,"d17d289a-d359-4a39-969e-fb60de708253.png","happy-socks-section-hero-ku6c39","Happy Socks Hero with Beach Photo and Bundle Offer","Happy Socks opens with a full-bleed beach photograph of orange umbrellas against blue water, with a pair of palm-print socks standing on the canopy. Oversized yellow offer type sits on the left, stating 3 for $49 or 7 for $99. A scalloped yellow band stacked beneath carries the line More Socks, More Sunshine, More Savings and a black Shop Now button. Navigation, search, and account icons float over the image, so the campaign photography and price message stay dominant.","Happy Socks hero with beach umbrellas, standing socks, yellow 3-for-$49 offer, and Shop Now band",[1364,1411,1459,1208,1227],{"id":1644,"slug":1645,"title":1646},81999,"happy-socks","Happy Socks",[1648],{"category":1649},{"id":39,"name":808,"slug":809},{"id":1651,"image":1652,"name":808,"slug":1653,"seo_title":1654,"seo_description":1655,"seo_alt_text":1656,"seo_tags":1657,"seo_indexable":810,"website":1660,"categories":1664},20995,"fb752381-59fc-49a2-a4e6-edfcf8dc25b7.png","my-life-in-a-book-section-hero-r40t39","My Life in a Book Hero with Off-Grid Photo Collage","The My Life in a Book hero places a loose collage of vintage family photos and a printed book cover on the left, with Trustpilot proof, a large serif headline, gift copy, and a dark pill CTA on the right. Hierarchy moves from reviews into the mixed roman-and-italic headline, then a short explanation and guarantee line. The off-grid snapshots sit on a flat pale yellow field, making the product book feel like one more family memory rather than a catalog shot.","My Life in a Book hero: yellow field, scattered family photos, book cover, serif headline, and Start Their Book Now button",[1658,1208,1411,1460,1659],"Off-grid","Italic-led",{"id":1661,"slug":1662,"title":1663},82108,"my-life-in-a-book","My Life In A Book",[1665],{"category":1666},{"id":39,"name":808,"slug":809},{"id":1668,"image":1669,"name":808,"slug":1670,"seo_title":1671,"seo_description":1672,"seo_alt_text":1673,"seo_tags":1674,"seo_indexable":810,"website":1676,"categories":1680},20978,"46d875da-af7d-44c3-bd44-e6c6209d4e87.png","bauhaus-clock-section-hero-xez48u","Bauhaus Clock Hero with Dial Close-up","The Bauhaus Clock hero stacks a sparse header, a centered promise, and a wide product crop. Logo and name sit left; a dark pill Buy now button sits right. The oversized line “Turn waiting into watching.” floats in pale space above a rounded close-up of a white dial, showing numerals 4–8, tick marks, and slender hands. Cropping the face so tightly turns the screensaver itself into the proof, while the light field and geometric sans type keep the section restrained.","Bauhaus Clock hero with logo, $19 Buy now button, oversized headline, and cropped pale analog clock face.",[1458,1675,1210,1227,1208,1246],"Bauhaus",{"id":1677,"slug":1678,"title":1679},82129,"bauhaus-clock","Bauhaus Clock",[1681],{"category":1682},{"id":39,"name":808,"slug":809},{"id":1684,"image":1685,"name":808,"slug":1686,"seo_title":1687,"seo_description":1688,"seo_alt_text":1689,"seo_tags":1690,"seo_indexable":810,"website":1691,"categories":1695},20919,"8c2ffd2c-f233-463d-97f4-7c3fbc65de29.png","busy-bee-honey-section-hero-n996gl","Busy Bee Honey Hero with Overlapping Honey Bear","Busy Bee Honey’s hero pairs a dark brown full-bleed field with a centered logo, split nav, and oversized cream headline, KNOW YOUR HONEY. Short supporting lines sit on either side while a photographed honey-bear bottle rises through the type, its blue cap and label becoming the main product focus. Overlapping the bottle with the display type and leaving a small bee trail in the empty right field keeps the claim and the product reading as one composition.","Busy Bee Honey hero with oversized KNOW YOUR HONEY headline and a honey-bear bottle on dark brown",[1427,1245,1459,1227,1208],{"id":1692,"slug":1693,"title":1694},82148,"busy-bee-honey","Busy Bee Honey",[1696],{"category":1697},{"id":39,"name":808,"slug":809},{"id":1699,"image":1700,"name":808,"slug":1701,"seo_title":1702,"seo_description":1703,"seo_alt_text":1704,"seo_tags":1705,"seo_indexable":810,"website":1706,"categories":1710},20974,"ab0bc540-71a0-4eac-8067-d2a7832e5119.png","cana-section-hero-lawyxo","Cana Hero: Studio Portrait and Discover Overlay","The Cãna hero fills the viewport with a high-key studio photograph of a woman uncorking a clear bottle beside an amber cup and cashew fruit. A slim top bar holds a pill-shaped Home, Shop, and Sobre control, a centered serif wordmark, and account links, while “The Spirit of Brazil” and a rounded Discover button sit over the figure. Chrome stays sparse so the ritual still life introduces the brand. Small white type on the pale scene keeps the photograph’s editorial calm intact.","Cana homepage hero: woman uncorks a bottle beside a cup and cashew, with centered Spirit of Brazil overlay.",[1244,1208,236,1210,1347],{"id":1707,"slug":1708,"title":1709},82133,"cana","Cana",[1711],{"category":1712},{"id":39,"name":808,"slug":809},{"pages":509,"sections":1714},154,{"id":39,"name":808,"slug":809,"seo_title":1716,"seo_description":1717,"intro":1718,"design_guidance":1719,"pattern_groups":1720,"faqs":1924,"indexable":810,"_count":1934},"Hero Section Patterns for Web Designers","A practical reference on hero sections: what they do on a page, how real sites vary the pattern, and how to review type, image, and CTA choices.","A hero is the opening section of a page: the first complete block after, or including, the header. It orients a visitor. In a glance it should name the offer, set the tone, and point to one next step. Most examples pair a headline with a call to action and a navigation bar. That shared skeleton still leaves a lot of room. Lifestyle brands often put a single photograph under a short editorial line. Agencies and products lead with a claim, then a booking or download button. Some studios treat the image as the identity and write almost nothing. Others open with a personal name, a data graphic, or a product still. The variation that matters is how hard the section sells versus how much it simply establishes a world before the page continues.","I tend to review a hero by covering the paragraph and asking whether the headline still names a specific offer. If it could sit on any site in the category, the picture is doing unpaid work. Overlay type on a busy crop is the first thing that breaks: faces, foliage, and machinery all compete with letterforms, especially once the image is recropped for a laptop height. Full-bleed motion looks confident until it postpones the claim. Type-only layouts age better when the sentence is concrete; they go hollow when the line is a mood. Two primary buttons usually mean the team could not pick a job for the section. Navigation on the image needs a contrast plan for both light and dark areas of the photo, not just the desktop comp. A useful test is the first 700 pixels of height: if the action or the product face has already fallen away, you designed a poster.",[1721,1762,1803,1849,1883],{"title":1722,"sectionIds":1723,"description":1727,"sections":1728},"Full-bleed cinematic overlays",[1724,1725,1726],26482,26146,26055,"A photograph or film still fills the viewport. The headline sits on top, often large and left or centered, with a thin supporting line and one action. Navigation stays quiet so the picture can set place and mood. This works when the image already contains the offer; it fails when the crop fights the type.",[1729,1740,1751],{"id":1724,"image":1730,"name":808,"slug":1731,"seo_alt_text":1732,"seo_indexable":810,"website":1733,"categories":1737},"a01a74df-403d-468c-a762-4cc7a5a5b353.png","duft-und-kultur-section-hero-rg4au0","Duft und Kultur hero with oranges on wood, hanging greenery, and centered A Breath of Morocco headline.",{"id":1734,"slug":1735,"title":1736},92629,"duft-und-kultur","Duft und Kultur",[1738],{"category":1739},{"id":39,"name":808,"slug":809},{"id":1725,"image":1741,"name":808,"slug":1742,"seo_alt_text":1743,"seo_indexable":810,"website":1744,"categories":1748},"5e22ca6f-6802-4847-80e2-7a968fcb023e.png","london-film-school-section-hero-hyjcc6","London Film School hero: rocky beach film still, red stacked logo, black nav, and large white headline Find your voice in film",{"id":1745,"slug":1746,"title":1747},85782,"london-film-school","London Film School",[1749],{"category":1750},{"id":39,"name":808,"slug":809},{"id":1726,"image":1752,"name":808,"slug":1753,"seo_alt_text":1754,"seo_indexable":810,"website":1755,"categories":1759},"0e5ef60b-0d4c-4671-85ee-4dde00b86e4d.png","mp2-collective-section-hero-a1k9t5","MP2 Collective hero: studio photo with blurred walker, logo nav, financial clarity headline, and Explore Our Capabilities button",{"id":1756,"slug":1757,"title":1758},85228,"mp2-collective","MP2 Collective",[1760],{"category":1761},{"id":39,"name":808,"slug":809},{"title":1763,"sectionIds":1764,"description":1768,"sections":1769},"Oversized typographic statements",[1765,1766,1767],26339,26125,26108,"The headline is the composition. Cream or pale fields, a wordmark used at poster scale, or a claim stacked down the page. Photography, if it appears, sits below the type or as a mark. These heroes trade atmosphere for a sentence you can quote.",[1770,1781,1792],{"id":1765,"image":1771,"name":808,"slug":1772,"seo_alt_text":1773,"seo_indexable":810,"website":1774,"categories":1778},"801cab6d-82a5-43fe-b5bd-41767db2bdfe.png","house-of-honey-section-hero-buz5n2","House of Honey hero with blush wordmark, split tagline, nav, and a sculptural bedroom photograph.",{"id":1775,"slug":1776,"title":1777},85624,"house-of-honey","House of Honey",[1779],{"category":1780},{"id":39,"name":808,"slug":809},{"id":1766,"image":1782,"name":808,"slug":1783,"seo_alt_text":1784,"seo_indexable":810,"website":1785,"categories":1789},"7d03c4e2-a0ec-423c-aa8d-cadae8c25cb5.png","brand-appart-section-hero-e8taow","Brand Appart homepage hero with large black headline, orange copyright mark, client logos, and intro-call CTA on cream.",{"id":1786,"slug":1787,"title":1788},85425,"brand-appart","Brand Appart",[1790],{"category":1791},{"id":39,"name":808,"slug":809},{"id":1767,"image":1793,"name":808,"slug":1794,"seo_alt_text":1795,"seo_indexable":810,"website":1796,"categories":1800},"5c3ecbf9-0432-412c-b03f-63fa859eeb3c.png","otherhalf-section-hero-uxml0f","Otherhalf Studio hero with yellow promo bar, nav, dual serif headlines, blue figure-eight, and Shopify badge",{"id":1797,"slug":1798,"title":1799},85428,"otherhalf","Otherhalf",[1801],{"category":1802},{"id":39,"name":808,"slug":809},{"title":1804,"sectionIds":1805,"description":1809,"sections":1810},"Lifestyle product campaigns",[1340,1806,1807,1808],26062,26034,25989,"Commerce heroes put the season, the SKU, or the wearer in the frame. Copy is short: a collection name, a benefit, Shop Now or Download. Split crops and floating product cards keep merchandising close to the emotion of the photo without turning the section into a grid.",[1811,1816,1827,1838],{"id":1340,"image":1341,"name":808,"slug":1342,"seo_alt_text":1345,"seo_indexable":810,"website":1812,"categories":1813},{"id":1350,"slug":1351,"title":1352},[1814],{"category":1815},{"id":39,"name":808,"slug":809},{"id":1806,"image":1817,"name":808,"slug":1818,"seo_alt_text":1819,"seo_indexable":810,"website":1820,"categories":1824},"5a68c23a-89a9-4f4c-ae53-ab68f1a8bed8.png","balmoral-running-section-hero-m608xi","Balmoral Running hero: two runners by a garage door, Spring-Summer 26 title, Shop now, and collection copy",{"id":1821,"slug":1822,"title":1823},85226,"balmoral-running","Balmoral Running",[1825],{"category":1826},{"id":39,"name":808,"slug":809},{"id":1807,"image":1828,"name":808,"slug":1829,"seo_alt_text":1830,"seo_indexable":810,"website":1831,"categories":1835},"2272d423-4c81-450a-858f-9e0418134646.png","wenatal-section-hero-pvs2tv","WeNatal hero: couple and baby in a bedroom, Full Support for Preconception headline, WeNatal Together card.",{"id":1832,"slug":1833,"title":1834},85005,"wenatal","Wenatal",[1836],{"category":1837},{"id":39,"name":808,"slug":809},{"id":1808,"image":1839,"name":808,"slug":1840,"seo_alt_text":1841,"seo_indexable":810,"website":1842,"categories":1846},"c852afcd-d7c4-4864-aa95-b00879671d2a.png","moneda-section-hero-rcg0bm","Moneda hero with floating nav, lifestyle photo of a woman, oversized headline, and cyan Download The App button",{"id":1843,"slug":1844,"title":1845},83651,"moneda","Moneda",[1847],{"category":1848},{"id":39,"name":808,"slug":809},{"title":1850,"sectionIds":1851,"description":1854,"sections":1855},"Image-as-identity worlds",[1852,1323,1853],26072,26010,"Some studios and food brands let a single scene do the talking: a street, a texture, a still object. Type is small, often a caption or a manifesto. The hero is less a pitch than a room you enter. It only holds if the photograph is distinctive enough to replace a slogan.",[1856,1867,1872],{"id":1852,"image":1857,"name":808,"slug":1858,"seo_alt_text":1859,"seo_indexable":810,"website":1860,"categories":1864},"58f3d316-5b03-4c91-9615-6111051a3430.png","ofform-section-hero-wzobh3","Ofform hero: street photo of a Jiri Krejcirik poster on a building, with logo and Work About Contact nav",{"id":1861,"slug":1862,"title":1863},85258,"ofform","Ofform",[1865],{"category":1866},{"id":39,"name":808,"slug":809},{"id":1323,"image":1324,"name":808,"slug":1325,"seo_alt_text":1328,"seo_indexable":810,"website":1868,"categories":1869},{"id":1333,"slug":1334,"title":1335},[1870],{"category":1871},{"id":39,"name":808,"slug":809},{"id":1853,"image":1873,"name":808,"slug":1874,"seo_alt_text":1875,"seo_indexable":810,"website":1876,"categories":1880},"dce8d654-55e3-41a2-9d11-87bfe7d9feef.png","postnew-section-hero-xtc8fu","PostNew hero with Index, Feed, Profile buttons above a centered photo of a reMarkable tablet and stylus.",{"id":1877,"slug":1878,"title":1879},83129,"postnew","Postnew",[1881],{"category":1882},{"id":39,"name":808,"slug":809},{"title":1884,"sectionIds":1885,"description":1889,"sections":1890},"Proof, process, and named introductions",[1886,1887,1888],26080,26045,26097,"Not every hero seduces. Industrial process, a scatter plot, or a personal name with cards can open the page by showing how the work happens or who is speaking. Supporting copy carries more of the argument. The risk is looking like a dashboard; the reward is credibility before the scroll.",[1891,1902,1913],{"id":1886,"image":1892,"name":808,"slug":1893,"seo_alt_text":1894,"seo_indexable":810,"website":1895,"categories":1899},"0891e2d1-ac62-47c8-b08f-d212391cea97.png","automated-architecture-section-hero-jb5out","AUAR hero: factory robot lifting timber panels, high-vis worker, and Easy and affordable building on-site headline.",{"id":1896,"slug":1897,"title":1898},85424,"automated-architecture","Automated Architecture",[1900],{"category":1901},{"id":39,"name":808,"slug":809},{"id":1887,"image":1903,"name":808,"slug":1904,"seo_alt_text":1905,"seo_indexable":810,"website":1906,"categories":1910},"364a2f07-0afb-44a1-a620-f299d44faa9d.png","cure51-section-hero-iv3zpm","Cure51 hero with dark nav, outlier mission text, Discover Our Mission button, and multicolor patient scatter plot.",{"id":1907,"slug":1908,"title":1909},85193,"cure51","Cure51",[1911],{"category":1912},{"id":39,"name":808,"slug":809},{"id":1888,"image":1914,"name":808,"slug":1915,"seo_alt_text":1916,"seo_indexable":810,"website":1917,"categories":1921},"c8eb3a5c-8973-4202-addf-59cb15a0dfb9.png","artem-astakhov-section-hero-vk5daf","Artem Astakhov dark hero: oversized name, account-manager line, and three overlapping section preview cards.",{"id":1918,"slug":1919,"title":1920},85372,"artem-astakhov","Artem Astakhov",[1922],{"category":1923},{"id":39,"name":808,"slug":809},[1925,1928,1931],{"answer":1926,"question":1927},"Not always. Campaign and product pages usually need one obvious action because the visitor arrived to buy or apply. Brand and studio worlds can end on a caption or a scroll cue if the next section is the real work. What fails is a decorative button that restates the headline, or two equal buttons that split the decision. If you cannot name the job of the click, drop the control and let the following section earn the action.","Does a hero need a call to action?",{"answer":1929,"question":1930},"Most of these sections treat nav as part of the first screen, not a separate chrome. That means logo, links, and the headline share one contrast problem. A dark bar solves it cheaply and can flatten a cinematic crop. Transparent nav looks better when the top of the image is calm and the logo has a locked color. I look at the logo against the lightest and darkest strip in the photo, not the average.","How should the header sit on a hero?",{"answer":1932,"question":1933},"When the sentence is more specific than any stock scene you could license. A sharp claim, a named person, or a product category that photographs poorly all benefit from type first. Photography still belongs nearby, just not as wallpaper. The layout fails when the line is generic and the empty field reads as unfinished. If you need a photo to explain the words, you needed the photo in the hero.","When should a hero stay type-only?",{"sections":812},{"id":228,"name":229,"slug":230},{"categories":1937},[1938,1940,1942,1944,1946,1948,1950],{"id":39,"name":808,"slug":809,"indexable":810,"_count":1939},{"sections":490},{"id":160,"name":814,"slug":815,"indexable":810,"_count":1941},{"sections":420},{"id":335,"name":844,"slug":845,"indexable":810,"_count":1943},{"sections":335},{"id":195,"name":819,"slug":820,"indexable":810,"_count":1945},{"sections":393},{"id":322,"name":857,"slug":858,"indexable":810,"_count":1947},{"sections":153},{"id":66,"name":834,"slug":835,"indexable":810,"_count":1949},{"sections":153},{"id":502,"name":829,"slug":830,"indexable":810,"_count":1951},{"sections":477}]