[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f1h00t08y7hyaw":3,"public-section-categories":806,"$fisnr37vzh2fi":1195,"$f1yno28xmkk6pd":1626},{"ads":4,"websiteCategories":103,"technologies":547,"locations":671,"announcementBanner":37},[5,17,26,35,40,49,58,65,74,81,88,96],{"id":6,"title":7,"description":8,"description_html":8,"image":9,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":12,"alt":13,"hash":14,"slot":15,"is_default":16},54,"UI Component Inspiration","12,500+ UI components from industry-leading apps","nd-0925-3.jpeg","Nicelydone","https:\u002F\u002Fd2ocroys3p1hkd.cloudfront.net\u002Fsponsor\u002Flogo-nd-full.svg","Browse components","Explore thousands of real UI component examples from the best SaaS products.","2k8ogzp964rqgofcw3s62jv4ss1k38tp","primary",0,{"id":18,"title":19,"description":20,"description_html":21,"image":22,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":23,"alt":24,"hash":25,"slot":15,"is_default":16},55,"SaaS Design Inspiration","150,000+ SaaS UI examples searchable in seconds","151,200+ real app screens, flows & UI components searchable in seconds","nd-0925-2.jpeg","Find SaaS inspiration","The largest SaaS design inspiration library with screens, flows, and components.","g3om1kjgr2boenwbaijdz1asc7mdfpqt",{"id":27,"title":28,"description":29,"description_html":30,"image":31,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":32,"alt":33,"hash":34,"slot":15,"is_default":16},56,"Your design research assistant","150,000+ screens, flows & UI components from best apps","Your design research assistant with 100,000+ user flows, components & screens","nd-0925-1.jpeg","Start researching faster","Cut design research time by 90%","gvfv70auve8fofh10862ptfdud4n57mw",{"id":36,"title":10,"description":37,"description_html":37,"image":37,"sponsor_name":37,"sponsor_logo":37,"sponsor_cta":37,"alt":37,"hash":38,"slot":37,"is_default":39},77,null,"px6ccwd9rr6sacqr5parsckwswfgnrjc",1,{"id":41,"title":42,"description":43,"description_html":44,"image":45,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":46,"alt":47,"hash":48,"slot":15,"is_default":39},79,"Nicelydone SaaS UI Library","The SaaS UI library built for humans and AI agents","The SaaS UI library built\n  for humans and AI agents","nicelydone-04-26-6.png","Browse design inspiration","Nicelyd\n  one is a SaaS UI library built for humans and AI agents.","57ecffb17be508237ffc9775270b1aa2",{"id":50,"title":51,"description":52,"description_html":53,"image":54,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":55,"alt":56,"hash":57,"slot":15,"is_default":39},80,"Nicelydone MCP","Give your AI agent access to 220k real SaaS screens","Give your AI agent access\n  to 220k real SaaS screens","nicelydone-04-26-4.png","Connect Nicelydone MCP","Give your AI age\n  nt SaaS taste with Nicelydone MCP and 220k real screens.","ff3d07e2ce2c374087dd006e9296fd5c",{"id":59,"title":42,"description":60,"description_html":61,"image":62,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":46,"alt":63,"hash":64,"slot":15,"is_default":39},81,"Find real SaaS UI patterns for humans and AI agents","Find real SaaS UI\n  patterns for humans and AI agents","nicelydone-04-26-1.png","Nicelyd\n  one is a SaaS UI library of real product screens and user flows.","5bffa8d40bbbd955efe19f73285c2f6b",{"id":66,"title":67,"description":68,"description_html":69,"image":70,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":71,"alt":72,"hash":73,"slot":15,"is_default":39},82,"Nicelydone for AI Agents","The SaaS UI library your AI agent can actually use","The SaaS UI library yo\n  ur AI agent can actually use","nicelydone-04-26-3.png","Give agents SaaS context","Nicely\n  done MCP gives AI agents real SaaS UI examples they can use.","aa81a74a3b2607304365e19ace95be65",{"id":75,"title":51,"description":76,"description_html":77,"image":78,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":55,"alt":79,"hash":80,"slot":15,"is_default":39},83,"220k real SaaS screens, connected through MCP","220k real SaaS screens, connected t\n  hrough MCP","nicelydone-04-26-5.png","Nicelydone conne\n  cts 220k real SaaS screens to AI agents through MCP.","f7b51a5be622a3bb0a175b0a35a42ac7",{"id":82,"title":67,"description":83,"description_html":84,"image":85,"sponsor_name":10,"sponsor_logo":11,"sponsor_cta":71,"alt":86,"hash":87,"slot":15,"is_default":39},84,"Give your AI agent a SaaS UI library it can actually use","Give\n  your AI agent a SaaS UI library it can actually use","nicelydone-04-26-2.png","Nicely\n  done gives AI agents a usable SaaS UI library for product design context.","7c448a8e2a225d0f0d3e61300a6f3066",{"id":89,"title":90,"description":91,"description_html":37,"image":92,"sponsor_name":90,"sponsor_logo":92,"sponsor_cta":93,"alt":90,"hash":94,"slot":95,"is_default":16},87,"FontPulse","Identify fonts on any website and save your best finds.","\u002Fimages\u002Ffontpulse.png","Get FontPulse","f5a63u3zb5si0sdzkee3hw7r1g3zz6aw","font_sponsor",{"id":97,"title":98,"description":99,"description_html":37,"image":100,"sponsor_name":98,"sponsor_logo":37,"sponsor_cta":37,"alt":99,"hash":101,"slot":102,"is_default":16},88,"Readymag","Create websites with Readymag","readymag-july-26-1.png","7z013ks6v9n6xihfhh90k17p3ozy5vxi","secondary",[104,111,118,125,132,138,144,151,158,165,172,179,186,193,200,207,214,220,226,233,240,247,254,261,268,275,282,288,295,301,308,315,321,328,334,341,348,355,362,367,374,381,387,392,399,405,412,419,426,432,438,444,451,458,463,470,477,483,490,497,502,509,516,522,529,535,542],{"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},2596,{"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},455,{"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},444,{"id":126,"name":127,"slug":128,"description":129,"_count":130},30,"Art & illustration","art-illustration","Explore art and illustration websites that spotlight creativity. Get inspired by real portfolios and galleries, curated with HD screenshots and the fonts each website uses.",{"websites":131},218,{"id":133,"name":134,"slug":135,"description":37,"_count":136},629,"Artificial intelligence","artificial-intelligence",{"websites":137},216,{"id":139,"name":140,"slug":141,"description":142,"_count":143},57,"Automotive","automotive","Browse automotive websites for brands and dealers. Get inspired by real model pages and configurators, curated with HD screenshots and the fonts each website uses.",{"websites":126},{"id":145,"name":146,"slug":147,"description":148,"_count":149},37,"Beauty & cosmetics","beauty-cosmetics","Browse beauty and cosmetics websites that convert. Get inspired by real product pages, shade finders, and routines, curated with HD screenshots and the fonts each website uses.",{"websites":150},418,{"id":152,"name":153,"slug":154,"description":155,"_count":156},14,"Branding","branding","Browse branding-focused websites that express identity. Get inspired by real case studies, logo systems, and visuals, curated with HD screenshots and the fonts each website uses.",{"websites":157},558,{"id":159,"name":160,"slug":161,"description":162,"_count":163},9,"Business & corporate","business-corporate","Discover business and corporate websites made modern. Get inspired by real company sites with service and careers pages, curated with HD screenshots and the fonts each website uses.",{"websites":164},468,{"id":166,"name":167,"slug":168,"description":169,"_count":170},62,"Coffee","coffee","Explore coffee websites with aroma-rich branding. Get inspired by real cafés, product shops, and guides, curated with HD screenshots and the fonts each website uses.",{"websites":171},63,{"id":173,"name":174,"slug":175,"description":176,"_count":177},42,"Community","community","Explore community websites that bring people together. Get inspired by real forums, groups, and membership pages, curated with HD screenshots and the fonts each website uses.",{"websites":178},123,{"id":180,"name":181,"slug":182,"description":183,"_count":184},595,"Conference","conference","Browse conference websites that drive registrations. Get inspired by real agendas, speakers, and sponsor pages, curated with HD screenshots and the fonts each website uses.",{"websites":185},28,{"id":187,"name":188,"slug":189,"description":190,"_count":191},48,"Cryptocurrency","cryptocurrency","Discover crypto and web3 websites with clear UX. Get inspired by real token sites and docs hubs, curated with HD screenshots and the fonts each website uses.",{"websites":192},142,{"id":194,"name":195,"slug":196,"description":197,"_count":198},10,"Culture & education","culture-education","Explore culture and education websites for schools and institutions. Get inspired by real course pages and calendars, curated with HD screenshots and the fonts each website uses.",{"websites":199},378,{"id":201,"name":202,"slug":203,"description":204,"_count":205},33,"Datavisualization","datavisualization","Explore data visualization websites that make numbers clear. Get inspired by real dashboards and infographics, curated with HD screenshots and the fonts each website uses.",{"websites":206},15,{"id":208,"name":209,"slug":210,"description":211,"_count":212},7,"Design","design","Explore design studio and agency websites with personality. Get inspired by real services and project pages, curated with HD screenshots and the fonts each website uses.",{"websites":213},1177,{"id":215,"name":216,"slug":217,"description":37,"_count":218},192,"Design studio","design-studio",{"websites":219},139,{"id":221,"name":222,"slug":223,"description":224,"_count":225},41,"Directory","directory","Discover directory websites that organize content. Get inspired by real listings and filtering patterns, curated with HD screenshots and the fonts each website uses.",{"websites":119},{"id":227,"name":228,"slug":229,"description":230,"_count":231},67,"E-commerce","e-commerce","Explore ecommerce websites for online shops. Get inspired by real product pages, carts, and checkouts, curated with HD screenshots and the fonts each website uses.",{"websites":232},1532,{"id":234,"name":235,"slug":236,"description":237,"_count":238},272,"Editorial","editorial","Browse editorial websites with strong systems. Get inspired by real article layouts and publishing sites, curated with HD screenshots and the fonts each website uses.",{"websites":239},72,{"id":241,"name":242,"slug":243,"description":244,"_count":245},61,"Entertainment","entertainment","Discover entertainment websites with high energy. Get inspired by real trailers, schedules, and fan pages, curated with HD screenshots and the fonts each website uses.",{"websites":246},59,{"id":248,"name":249,"slug":250,"description":251,"_count":252},45,"Environmental","environmental","Discover environmental websites with purpose. Get inspired by real campaigns and green initiatives, curated with HD screenshots and the fonts each website uses.",{"websites":253},320,{"id":255,"name":256,"slug":257,"description":258,"_count":259},2,"Event","event","Browse event websites for conferences, festivals, and weddings. Get inspired by real ticketing flows, agendas, and schedules, curated with HD screenshots and the fonts each website uses.",{"websites":260},263,{"id":262,"name":263,"slug":264,"description":265,"_count":266},40,"Experience","experience","Browse experience-led websites with rich interaction. Get inspired by real immersive designs and motion, curated with HD screenshots and the fonts each website uses.",{"websites":267},46,{"id":269,"name":270,"slug":271,"description":272,"_count":273},4,"Fashion","fashion","Explore fashion websites from global brands to indie boutiques. Get inspired by real lookbooks and product pages, curated with HD screenshots and the fonts each website uses.",{"websites":274},913,{"id":276,"name":277,"slug":278,"description":279,"_count":280},12,"Film & tv","film-tv","Discover film and TV websites with cinematic impact. Get inspired by real trailers, episode guides, and press kits, curated with HD screenshots and the fonts each website uses.",{"websites":281},234,{"id":267,"name":283,"slug":284,"description":285,"_count":286},"Finance","finance","Explore finance and fintech websites with clarity. Get inspired by real dashboards and pricing pages, curated with HD screenshots and the fonts each website uses.",{"websites":287},399,{"id":289,"name":290,"slug":291,"description":292,"_count":293},23,"Food & drink","food-drink","Discover food and drink websites with appetite appeal. Get inspired by real menus, product stories, and brand pages, curated with HD screenshots and the fonts each website uses.",{"websites":294},637,{"id":18,"name":296,"slug":297,"description":298,"_count":299},"Front-end development","front-end-development","Explore front-end development websites from professionals. Get inspired by real code demos and project writeups, curated with HD screenshots and the fonts each website uses.",{"websites":300},38,{"id":302,"name":303,"slug":304,"description":305,"_count":306},24,"Fun","fun","Explore playful websites that focus on delight. Get inspired by real interactive layouts and bold colors, curated with HD screenshots and the fonts each website uses.",{"websites":307},26,{"id":309,"name":310,"slug":311,"description":312,"_count":313},35,"Furnitures","furnitures","Discover furniture websites with tactile presentation. Get inspired by real product pages and room scenes, curated with HD screenshots and the fonts each website uses.",{"websites":314},221,{"id":246,"name":316,"slug":317,"description":318,"_count":319},"Governmental","governmental","Explore governmental websites built for service. Get inspired by real portals and form flows, curated with HD screenshots and the fonts each website uses.",{"websites":320},31,{"id":322,"name":323,"slug":324,"description":325,"_count":326},16,"Health","health","Discover health and wellness websites with clean UX. Get inspired by real service pages and booking flows, curated with HD screenshots and the fonts each website uses.",{"websites":327},312,{"id":300,"name":329,"slug":330,"description":331,"_count":332},"Homeware","homeware","Discover homeware websites for everyday living. Get inspired by real lifestyle shops and decor pages, curated with HD screenshots and the fonts each website uses.",{"websites":333},190,{"id":335,"name":336,"slug":337,"description":338,"_count":339},39,"Hotel, place & venue","hotel-place-venue","Explore hotel and venue websites designed to book. Get inspired by real room pages and availability flows, curated with HD screenshots and the fonts each website uses.",{"websites":340},284,{"id":342,"name":343,"slug":344,"description":345,"_count":346},47,"Interior design","interior-design","Browse interior design websites with strong taste. Get inspired by real project sheets and studio portfolios, curated with HD screenshots and the fonts each website uses.",{"websites":347},162,{"id":349,"name":350,"slug":351,"description":352,"_count":353},4300,"Japanese","japanese","Discover Japanese websites with craft and restraint. Get inspired by real minimal layouts and cultural details, curated with HD screenshots and the fonts each website uses.",{"websites":354},603,{"id":356,"name":357,"slug":358,"description":359,"_count":360},58,"Kids","kids","Discover kids-focused websites that balance fun and clarity. Get inspired by real toy shops and product pages, curated with HD screenshots and the fonts each website uses.",{"websites":361},17,{"id":363,"name":364,"slug":365,"description":37,"_count":366},435,"Legal","legal",{"websites":269},{"id":368,"name":369,"slug":370,"description":371,"_count":372},29,"Luxury","luxury","Discover luxury websites with refined aesthetics. Get inspired by real premium layouts and storytelling, curated with HD screenshots and the fonts each website uses.",{"websites":373},189,{"id":375,"name":376,"slug":377,"description":378,"_count":379},11,"Magazine, newspaper & blog","magazine-newspaper-blog","Browse editorial websites for magazines, news, and blogs. Get inspired by real article layouts and content hubs, curated with HD screenshots and the fonts each website uses.",{"websites":380},388,{"id":382,"name":383,"slug":384,"description":37,"_count":385},416,"Marketing","marketing",{"websites":386},141,{"id":388,"name":389,"slug":390,"description":37,"_count":391},149,"Membership","membership",{"websites":159},{"id":393,"name":394,"slug":395,"description":396,"_count":397},36,"Mobile","mobile","Explore mobile-first websites and app landings. Get inspired by real responsive layouts and app sites, curated with HD screenshots and the fonts each website uses.",{"websites":398},120,{"id":400,"name":401,"slug":402,"description":403,"_count":404},437,"Museum","museum","Discover museum websites that frame collections beautifully. Get inspired by real exhibitions and galleries, curated with HD screenshots and the fonts each website uses.",{"websites":262},{"id":406,"name":407,"slug":408,"description":409,"_count":410},20,"Music & sound","music-sound","Explore music websites for artists, labels, and venues. Get inspired by real tour pages, audio players, and merch, curated with HD screenshots and the fonts each website uses.",{"websites":411},202,{"id":413,"name":414,"slug":415,"description":416,"_count":417},44,"Non-profit","non-profit","Browse nonprofit websites built around impact. Get inspired by real donation flows and project pages, curated with HD screenshots and the fonts each website uses.",{"websites":418},90,{"id":420,"name":421,"slug":422,"description":423,"_count":424},50,"Packaging","packaging","Browse packaging websites that highlight products. Get inspired by real branding and package designs, curated with HD screenshots and the fonts each website uses.",{"websites":425},66,{"id":361,"name":427,"slug":428,"description":429,"_count":430},"Photography","photography","Explore photography websites with gallery-first layouts. Get inspired by real image grids and photographer showcases, curated with HD screenshots and the fonts each website uses.",{"websites":431},425,{"id":39,"name":433,"slug":434,"description":435,"_count":436},"Portfolio","portfolio","Explore portfolio websites built by designers and studios. Get inspired by real case studies and project showcases, curated with HD screenshots and the fonts each website uses.",{"websites":437},1420,{"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":386},{"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},98,{"id":471,"name":472,"slug":473,"description":474,"_count":475},472,"Saas","saas","Explore SaaS websites with crisp messaging. Get inspired by real feature breakdowns and pricing, curated with HD screenshots and the fonts each website uses.",{"websites":476},348,{"id":478,"name":479,"slug":480,"description":230,"_count":481},13,"Shop","shop",{"websites":482},91,{"id":484,"name":485,"slug":486,"description":487,"_count":488},18,"Showcase","showcase","Browse showcase websites highlighting work and experiments. Get inspired by real creative projects, curated with HD screenshots and the fonts each website uses.",{"websites":489},138,{"id":491,"name":492,"slug":493,"description":494,"_count":495},52,"Spirits & wine","spirits-wine","Explore spirits and wine websites with distinctive style. Get inspired by real product storytelling and bottle pages, curated with HD screenshots and the fonts each website uses.",{"websites":496},112,{"id":320,"name":498,"slug":499,"description":500,"_count":501},"Sports","sports","Browse sports websites for teams, leagues, and athletes. Get inspired by real scoreboards and schedules, curated with HD screenshots and the fonts each website uses.",{"websites":131},{"id":503,"name":504,"slug":505,"description":506,"_count":507},3,"Startup","startup","Discover startup websites with bold launches and clear value props. Get inspired by real landing pages and pricing layouts, curated with HD screenshots and the fonts each website uses.",{"websites":508},520,{"id":510,"name":511,"slug":512,"description":513,"_count":514},5,"Technology","technology","Browse technology websites for products, tools, and platforms. Get inspired by real feature sections and product showcases, curated with HD screenshots and the fonts each website uses.",{"websites":515},730,{"id":517,"name":518,"slug":519,"description":520,"_count":521},60,"Transportation","transportation","Browse transportation websites for travel and logistics. Get inspired by real routing, tracking, and booking, curated with HD screenshots and the fonts each website uses.",{"websites":406},{"id":523,"name":524,"slug":525,"description":526,"_count":527},19,"Travel","travel","Discover travel and destination websites that inspire. Get inspired by real itineraries, maps, and booking flows, curated with HD screenshots and the fonts each website uses.",{"websites":528},170,{"id":530,"name":531,"slug":532,"description":533,"_count":534},49,"Type foundry","type-foundry","Explore type foundry websites that sell fonts. Get inspired by real specimen pages and testers, curated with HD screenshots and the fonts each website uses.",{"websites":6},{"id":536,"name":537,"slug":538,"description":539,"_count":540},6,"Typography","typography","Discover typography-driven websites that put type at the center. Get inspired by real layouts with expressive hierarchy and motion, curated with HD screenshots and the fonts each website uses.",{"websites":541},140,{"id":543,"name":544,"slug":545,"description":37,"_count":546},330,"Venture capital","venture-capital",{"websites":201},[548,552,556,560,563,567,571,575,579,583,587,593,596,600,604,608,611,614,617,621,625,628,632,636,640,644,647,650,654,657,663,667],{"id":549,"name":550,"displayed_name":37,"slug":551,"brand_color":37,"brand_logo_url":37},5130,"Astro","astro",{"id":553,"name":554,"displayed_name":37,"slug":555,"brand_color":37,"brand_logo_url":37},3302,"BigCommerce","bigcommerce",{"id":557,"name":558,"displayed_name":37,"slug":559,"brand_color":37,"brand_logo_url":37},634,"Cargo","cargo-site",{"id":561,"name":558,"displayed_name":37,"slug":562,"brand_color":37,"brand_logo_url":37},96,"cargo",{"id":564,"name":565,"displayed_name":37,"slug":566,"brand_color":37,"brand_logo_url":37},3669,"Cargo.site","cargosite",{"id":568,"name":569,"displayed_name":37,"slug":570,"brand_color":37,"brand_logo_url":37},3061,"Carrd","carrd",{"id":572,"name":573,"displayed_name":37,"slug":574,"brand_color":37,"brand_logo_url":37},1054,"Craft","craft",{"id":576,"name":577,"displayed_name":37,"slug":578,"brand_color":37,"brand_logo_url":37},205,"Element UI","element-ui",{"id":580,"name":581,"displayed_name":37,"slug":582,"brand_color":37,"brand_logo_url":37},114,"Elementor","elementor",{"id":584,"name":585,"displayed_name":37,"slug":586,"brand_color":37,"brand_logo_url":37},973,"Format","format",{"id":588,"name":589,"displayed_name":589,"slug":590,"brand_color":591,"brand_logo_url":592},4418,"Framer","framer-sites","#000000","\u002Fimages\u002Flogos\u002Fframer-mark-w.svg",{"id":269,"name":594,"displayed_name":37,"slug":595,"brand_color":37,"brand_logo_url":37},"GSAP","gsap",{"id":597,"name":598,"displayed_name":37,"slug":599,"brand_color":37,"brand_logo_url":37},2077,"LeadPages","leadpages",{"id":601,"name":602,"displayed_name":37,"slug":603,"brand_color":37,"brand_logo_url":37},607,"Next.js","nextjs",{"id":605,"name":606,"displayed_name":37,"slug":607,"brand_color":37,"brand_logo_url":37},358,"Nuxt.js","nuxtjs",{"id":609,"name":606,"displayed_name":37,"slug":610,"brand_color":37,"brand_logo_url":37},89,"nuxt-js",{"id":478,"name":612,"displayed_name":37,"slug":613,"brand_color":37,"brand_logo_url":37},"React","react",{"id":615,"name":98,"displayed_name":37,"slug":616,"brand_color":37,"brand_logo_url":37},188,"readymag",{"id":618,"name":619,"displayed_name":37,"slug":620,"brand_color":37,"brand_logo_url":37},175,"Ruby","ruby",{"id":622,"name":623,"displayed_name":37,"slug":624,"brand_color":37,"brand_logo_url":37},172,"Ruby on Rails","ruby-on-rails",{"id":413,"name":626,"displayed_name":37,"slug":627,"brand_color":37,"brand_logo_url":37},"Shopify","shopify",{"id":629,"name":630,"displayed_name":37,"slug":631,"brand_color":37,"brand_logo_url":37},150,"Squarespace","squarespace",{"id":633,"name":634,"displayed_name":37,"slug":635,"brand_color":37,"brand_logo_url":37},2734,"Svelte","svelte",{"id":637,"name":638,"displayed_name":37,"slug":639,"brand_color":37,"brand_logo_url":37},1304,"Tailwind CSS","tailwind-css",{"id":641,"name":642,"displayed_name":37,"slug":643,"brand_color":37,"brand_logo_url":37},2011,"Tilda","tilda",{"id":185,"name":645,"displayed_name":37,"slug":646,"brand_color":37,"brand_logo_url":37},"Typekit","typekit",{"id":152,"name":648,"displayed_name":37,"slug":649,"brand_color":37,"brand_logo_url":37},"Vercel","vercel",{"id":651,"name":652,"displayed_name":37,"slug":653,"brand_color":37,"brand_logo_url":37},316,"Vue","vue",{"id":39,"name":655,"displayed_name":37,"slug":656,"brand_color":37,"brand_logo_url":37},"Vue.js","vue-js",{"id":658,"name":659,"displayed_name":37,"slug":660,"brand_color":661,"brand_logo_url":662},74,"Webflow","webflow","#146EF5","\u002Fimages\u002Flogos\u002Fwebflow-mark-w.svg",{"id":664,"name":665,"displayed_name":37,"slug":666,"brand_color":37,"brand_logo_url":37},1041,"Wix","wix",{"id":668,"name":669,"displayed_name":37,"slug":670,"brand_color":37,"brand_logo_url":37},22,"WordPress","wordpress",[672,674,676,678,680,682,684,686,688,690,692,694,696,698,700,702,704,706,708,710,712,714,716,718,720,722,724,726,728,730,732,734,736,738,740,742,744,746,748,750,752,754,756,758,760,762,764,766,768,770,772,774,776,778,780,782,784,786,788,790,792,794,796,798,800,802,804],{"country":673,"name":673},"Argentina",{"country":675,"name":675},"Armenia",{"country":677,"name":677},"Australia",{"country":679,"name":679},"Austria",{"country":681,"name":681},"Belgium",{"country":683,"name":683},"Benin",{"country":685,"name":685},"Bolivia",{"country":687,"name":687},"Brazil",{"country":689,"name":689},"Bulgaria",{"country":691,"name":691},"Canada",{"country":693,"name":693},"Cape Town",{"country":695,"name":695},"Chile",{"country":697,"name":697},"Colombia",{"country":699,"name":699},"Croatia",{"country":701,"name":701},"Czech Republic",{"country":703,"name":703},"Denmark",{"country":705,"name":705},"England",{"country":707,"name":707},"Estonia",{"country":709,"name":709},"Finland",{"country":711,"name":711},"France",{"country":713,"name":713},"Germany",{"country":715,"name":715},"Greece",{"country":717,"name":717},"Guatemala",{"country":719,"name":719},"Hong Kong",{"country":721,"name":721},"Hungary",{"country":723,"name":723},"Iceland",{"country":725,"name":725},"India",{"country":727,"name":727},"Indonesia",{"country":729,"name":729},"Ireland",{"country":731,"name":731},"Israel",{"country":733,"name":733},"Italy",{"country":735,"name":735},"Japan",{"country":737,"name":737},"Kazakhstan ",{"country":739,"name":739},"Latvia",{"country":741,"name":741},"Luxembourg",{"country":743,"name":743},"Malaysia",{"country":745,"name":745},"Mexico",{"country":747,"name":747},"Netherlands",{"country":749,"name":749},"New Caledonia",{"country":751,"name":751},"New Zealand",{"country":753,"name":753},"Nigeria",{"country":755,"name":755},"Norway",{"country":757,"name":757},"Peru",{"country":759,"name":759},"Philippines",{"country":761,"name":761},"Poland",{"country":763,"name":763},"Portugal",{"country":765,"name":765},"Romania",{"country":767,"name":767},"Russia",{"country":769,"name":769},"Scotland",{"country":771,"name":771},"Serbia",{"country":773,"name":773},"Singapore",{"country":775,"name":775},"Slovakia",{"country":777,"name":777},"South Africa",{"country":779,"name":779},"South Korea",{"country":781,"name":781},"Spain",{"country":783,"name":783},"Sweden",{"country":785,"name":785},"Switzerland",{"country":787,"name":787},"Taiwan",{"country":789,"name":789},"The Nederlands",{"country":791,"name":791},"The Netherlands",{"country":793,"name":793},"Turkey",{"country":795,"name":795},"Ukraine",{"country":797,"name":797},"United Arab Emirates",{"country":799,"name":799},"United Kingdom",{"country":801,"name":801},"United States",{"country":803,"name":803},"Uruguay",{"country":805,"name":805},"USA",{"categories":807},[808,813,818,823,828,833,838,843,848,852,857,862,867,872,877,882,887,891,896,900,904,908,913,917,921,925,929,933,937,941,945,949,954,958,962,967,971,975,979,983,988,992,996,1000,1004,1008,1012,1017,1022,1027,1032,1037,1041,1043,1047,1051,1055,1060,1064,1069,1074,1079,1084,1088,1093,1097,1102,1107,1112,1117,1122,1127,1132,1137,1142,1146,1151,1156,1161,1165,1169,1171,1176,1181,1185,1190],{"id":39,"name":809,"slug":810,"_count":811},"Hero","hero",{"sections":812},888,{"id":159,"name":814,"slug":815,"_count":816},"Footer","footer",{"sections":817},745,{"id":194,"name":819,"slug":820,"_count":821},"Header","header",{"sections":822},619,{"id":41,"name":824,"slug":825,"_count":826},"Feature","feature",{"sections":827},553,{"id":503,"name":829,"slug":830,"_count":831},"Value Proposition","value-proposition",{"sections":832},389,{"id":66,"name":834,"slug":835,"_count":836},"Testimonial","testimonial",{"sections":837},293,{"id":335,"name":839,"slug":840,"_count":841},"Gallery","gallery",{"sections":842},235,{"id":206,"name":844,"slug":845,"_count":846},"Call to Action","call-to-action",{"sections":847},232,{"id":510,"name":849,"slug":850,"_count":851},"About Us","about-us",{"sections":215},{"id":361,"name":853,"slug":854,"_count":855},"FAQ","faq",{"sections":856},143,{"id":50,"name":858,"slug":859,"_count":860},"Brand","brand",{"sections":861},119,{"id":322,"name":863,"slug":864,"_count":865},"Newsletter","newsletter",{"sections":866},118,{"id":452,"name":868,"slug":869,"_count":870},"Blog","blog",{"sections":871},108,{"id":119,"name":873,"slug":874,"_count":875},"Contact","contact",{"sections":876},107,{"id":75,"name":878,"slug":879,"_count":880},"Stat","stat",{"sections":881},95,{"id":523,"name":883,"slug":884,"_count":885},"How It Works","how-it-works",{"sections":886},93,{"id":276,"name":888,"slug":889,"_count":890},"Team","team",{"sections":82},{"id":393,"name":892,"slug":893,"_count":894},"Case Study","case-study",{"sections":895},71,{"id":484,"name":897,"slug":898,"_count":899},"Pricing","pricing",{"sections":241},{"id":289,"name":901,"slug":902,"_count":903},"Statistics","statistics",{"sections":221},{"id":375,"name":905,"slug":906,"_count":907},"Articles","articles",{"sections":452},{"id":909,"name":910,"slug":911,"_count":912},25,"Client Logos","client-logos",{"sections":201},{"id":300,"name":914,"slug":915,"_count":916},"Navigation","navigation",{"sections":320},{"id":536,"name":918,"slug":919,"_count":920},"Integrations","integrations",{"sections":185},{"id":320,"name":922,"slug":923,"_count":924},"Image Gallery","image-gallery",{"sections":307},{"id":478,"name":926,"slug":927,"_count":928},"Featured Content","featured-content",{"sections":668},{"id":105,"name":930,"slug":931,"_count":932},"Benefits","benefits",{"sections":105},{"id":59,"name":934,"slug":935,"_count":936},"Resource","resource",{"sections":361},{"id":112,"name":938,"slug":939,"_count":940},"Products","products",{"sections":322},{"id":152,"name":942,"slug":943,"_count":944},"Case Studies","case-studies",{"sections":152},{"id":668,"name":946,"slug":947,"_count":948},"Bento","bento",{"sections":276},{"id":950,"name":951,"slug":952,"_count":953},97,"List","list",{"sections":194},{"id":406,"name":955,"slug":956,"_count":957},"Mission","mission",{"sections":159},{"id":464,"name":959,"slug":960,"_count":961},"Customer Stories","customer-stories",{"sections":119},{"id":963,"name":964,"slug":965,"_count":966},196,"Reviews","reviews",{"sections":119},{"id":208,"name":968,"slug":969,"_count":970},"Resources","resources",{"sections":208},{"id":309,"name":972,"slug":973,"_count":974},"Use Cases","use-cases",{"sections":208},{"id":307,"name":976,"slug":977,"_count":978},"Book Demo","book-demo",{"sections":536},{"id":145,"name":980,"slug":981,"_count":982},"Card","card",{"sections":536},{"id":984,"name":985,"slug":986,"_count":987},109,"Content","content",{"sections":536},{"id":418,"name":989,"slug":990,"_count":991},"Product","product",{"sections":536},{"id":201,"name":993,"slug":994,"_count":995},"Partners","partners",{"sections":510},{"id":126,"name":997,"slug":998,"_count":999},"Collections","collections",{"sections":269},{"id":871,"name":1001,"slug":1002,"_count":1003},"Form","form",{"sections":269},{"id":489,"name":1005,"slug":1006,"_count":1007},"Timeline","timeline",{"sections":269},{"id":496,"name":1009,"slug":1010,"_count":1011},"Category","category",{"sections":503},{"id":1013,"name":1014,"slug":1015,"_count":1016},86,"Image","image",{"sections":503},{"id":1018,"name":1019,"slug":1020,"_count":1021},110,"Problem","problem",{"sections":503},{"id":1023,"name":1024,"slug":1025,"_count":1026},132,"Product list","product-list",{"sections":503},{"id":1028,"name":1029,"slug":1030,"_count":1031},99,"Service","service",{"sections":503},{"id":1033,"name":1034,"slug":1035,"_count":1036},116,"Article","article",{"sections":255},{"id":185,"name":1038,"slug":1039,"_count":1040},"Careers","careers",{"sections":255},{"id":89,"name":256,"slug":257,"_count":1042},{"sections":255},{"id":302,"name":1044,"slug":1045,"_count":1046},"Events","events",{"sections":255},{"id":866,"name":1048,"slug":1049,"_count":1050},"Links","links",{"sections":255},{"id":333,"name":1052,"slug":1053,"_count":1054},"Map","map",{"sections":255},{"id":1056,"name":1057,"slug":1058,"_count":1059},220,"Media","media",{"sections":255},{"id":861,"name":1061,"slug":1062,"_count":1063},"Schedule","schedule",{"sections":255},{"id":1065,"name":1066,"slug":1067,"_count":1068},193,"Table","table",{"sections":255},{"id":1070,"name":1071,"slug":1072,"_count":1073},128,"Value","value",{"sections":255},{"id":1075,"name":1076,"slug":1077,"_count":1078},104,"Awards","awards",{"sections":39},{"id":1080,"name":1081,"slug":1082,"_count":1083},78,"Contact Form","contact-form",{"sections":39},{"id":398,"name":1085,"slug":1086,"_count":1087},"Data","data",{"sections":39},{"id":1089,"name":1090,"slug":1091,"_count":1092},214,"Event list","event-list",{"sections":39},{"id":609,"name":1094,"slug":1095,"_count":1096},"Exhibition","exhibition",{"sections":39},{"id":1098,"name":1099,"slug":1100,"_count":1101},134,"Features grid","features-grid",{"sections":39},{"id":1103,"name":1104,"slug":1105,"_count":1106},106,"Link","link",{"sections":39},{"id":1108,"name":1109,"slug":1110,"_count":1111},212,"Location","location",{"sections":39},{"id":1113,"name":1114,"slug":1115,"_count":1116},113,"Menu","menu",{"sections":39},{"id":1118,"name":1119,"slug":1120,"_count":1121},180,"Partnership","partnership",{"sections":39},{"id":1123,"name":1124,"slug":1125,"_count":1126},200,"Platform","platform",{"sections":39},{"id":1128,"name":1129,"slug":1130,"_count":1131},111,"Podcast","podcast",{"sections":39},{"id":1133,"name":1134,"slug":1135,"_count":1136},130,"Product Card","product-card",{"sections":39},{"id":1138,"name":1139,"slug":1140,"_count":1141},219,"Product Gallery","product-gallery",{"sections":39},{"id":886,"name":1143,"slug":1144,"_count":1145},"Product Information","product-information",{"sections":39},{"id":1147,"name":1148,"slug":1149,"_count":1150},173,"Product Showcase","product-showcase",{"sections":39},{"id":1152,"name":1153,"slug":1154,"_count":1155},241,"Roadmap","roadmap",{"sections":39},{"id":1157,"name":1158,"slug":1159,"_count":1160},102,"Search","search",{"sections":39},{"id":580,"name":1162,"slug":1163,"_count":1164},"Section","section",{"sections":39},{"id":173,"name":1166,"slug":1167,"_count":1168},"Services","services",{"sections":39},{"id":368,"name":479,"slug":480,"_count":1170},{"sections":39},{"id":1172,"name":1173,"slug":1174,"_count":1175},127,"Summary","summary",{"sections":39},{"id":1177,"name":1178,"slug":1179,"_count":1180},125,"Target Audience","target-audience",{"sections":39},{"id":482,"name":1182,"slug":1183,"_count":1184},"Text","text",{"sections":39},{"id":1186,"name":1187,"slug":1188,"_count":1189},215,"Trust","trust",{"sections":39},{"id":1191,"name":1192,"slug":1193,"_count":1194},103,"Video","video",{"sections":39},{"sections":1196,"count":1389,"category":1390,"tag":1625},[1197,1219,1239,1252,1272,1290,1307,1323,1339,1357,1374],{"id":1198,"image":1199,"name":809,"slug":1200,"seo_title":1201,"seo_description":1202,"seo_alt_text":1203,"seo_tags":1204,"seo_indexable":1211,"website":1212,"categories":1216},26396,"d4a9f114-a936-415d-a8e4-697295a3c762.png","paul-kalkbrenner-section-hero-v7hleu","Paul Kalkbrenner Hero with Typographic Name Lockup","The Paul Kalkbrenner homepage hero uses a sparse white field to introduce the artist. Slim top navigation sits above a full-width, centered wordmark so large that a small black-and-white photo of the artist in a car fills the gap between Paul and Kalkbrenner. Along the bottom, a now-playing label, a short career blurb, and a Sound OFF line form a quiet three-part strip. Embedding the portrait inside the name personalizes the lockup without crowding the minimal layout.","Paul Kalkbrenner hero: white page, top nav, huge name with inset car photo, now-playing bar.",[1205,1206,1207,1208,1209,1210],"minimal","light","typographic","full-width","centered","culture",true,{"id":1213,"slug":1214,"title":1215},92359,"paul-kalkbrenner","Paul Kalkbrenner",[1217],{"category":1218},{"id":39,"name":809,"slug":810},{"id":1220,"image":1221,"name":1222,"slug":1223,"seo_title":1224,"seo_description":1225,"seo_alt_text":1226,"seo_tags":1227,"seo_indexable":1211,"website":1232,"categories":1236},25310,"c71b3b64-c9cc-4d52-98b9-893f7dedece9.png","Hero Section","scenes-de-musique-alternatives-du-quebec-section-hero-vl18mb","Carrière scène En savoir plus section","This Carrière scène section pairs a photocopied photo of hanging guitars with oversized distressed type asking if you are ready to make the backstage resonate. A small En savoir plus label and an oval stamp about indie venue jobs sit above three overlapping ticket-shaped labels for Emplois, Métiers, and Témoignages. The split layout puts the image left and stacked headline right, while ticket buttons on a black zine-like field echo live-music culture.","Carrière scène En savoir plus section with guitar photo, French headline, and ticket labels for jobs, trades, testimonials",[1228,1207,1229,1230,1231,1210],"dark","image-led","split-layout","conversion-focused",{"id":1233,"slug":1234,"title":1235},84902,"scenes-de-musique-alternatives-du-quebec","Scenes de Musique Alternatives du Quebec",[1237],{"category":1238},{"id":39,"name":809,"slug":810},{"id":1240,"image":1241,"name":809,"slug":1242,"seo_title":1243,"seo_description":1244,"seo_alt_text":1245,"seo_tags":1246,"seo_indexable":1211,"website":1248,"categories":1249},25307,"49b49fa5-afba-480f-bf61-af1df6a2503f.png","scenes-de-musique-alternatives-du-quebec-section-hero-bk6ils","Carrière scène hero with poster slogan and intro card","The Carrière scène hero introduces Québec indie-scene careers in a split layout: a full-height black poster of “Fais vibrer l’arrière-scène” on the left, stacked panels on the right. A neon-pink domain chip sits above a black card that sequences a “C’est quoi?” label, a large distressed headline on métiers and formations, supporting copy, and a SMAQ credit. High-contrast type and pink accents create a zine-poster look, with the slogan drawn as illustrated lettering so campaign identity becomes the visual anchor.","Carrière scène hero: black ‘Fais vibrer l’arrière-scène’ poster beside a black intro card and pink domain label.",[1207,1247,1230,236,1210],"colorful",{"id":1233,"slug":1234,"title":1235},[1250],{"category":1251},{"id":39,"name":809,"slug":810},{"id":1253,"image":1254,"name":809,"slug":1255,"seo_title":1256,"seo_description":1257,"seo_alt_text":1258,"seo_tags":1259,"seo_indexable":1211,"website":1265,"categories":1269},19952,"7c80080e-9c17-4cff-9c85-02a165d145c7.png","silence-please-section-hero-q427at","Silence Please Hero with Centered Speaker Still Life","The Silence Please hero fills the frame with one black speaker centered on a soft gray gradient. A compact white navigation row sits at the top right, so the product remains the only focal object. The hardware is lit like a studio still life, with the next photographic band just visible along the bottom edge. Leaving out a headline or caption keeps the first impression sculptural and quiet.","Silence Please hero: black cube speaker with circular horn centered on a gray gradient, white nav at top right.",[1260,1261,1262,1263,1264],"Fullscreen","Photographic","Dark","Monotone","High Contrast",{"id":1266,"slug":1267,"title":1268},81577,"silence-please","Silence Please",[1270],{"category":1271},{"id":39,"name":809,"slug":810},{"id":1273,"image":1274,"name":809,"slug":1275,"seo_title":1276,"seo_description":1277,"seo_alt_text":1278,"seo_tags":1279,"seo_indexable":1211,"website":1283,"categories":1287},9698,"66f8912a-fd18-4261-8105-7e9582a86200.png","vcass-section-hero-eng46u","VCASS Fullscreen Hero with Stage Photography","The VCASS hero presents a fullscreen stage photograph of silhouetted dancers in a row of vividly lit windows. A dark rounded navigation bar holds the logo, four links, search, and an Auditions & Enrolment button above a centered headline stack. Oversized white all-caps type sits over the image, with a shorter line explaining the school’s focus on dancers, musicians, artists and thinkers. Placing the headline across the colourful set keeps the type readable while the theatrical lighting supplies the section’s colour.","VCASS hero: dark nav bar over a stage photo of silhouetted dancers and the headline Education Meets the Arts.",[1260,1261,1262,1280,1281,1282],"Colourful","Oversized Type","All Caps",{"id":1284,"slug":1285,"title":1286},80869,"vcass","Vcass",[1288],{"category":1289},{"id":39,"name":809,"slug":810},{"id":1291,"image":1292,"name":809,"slug":1293,"seo_title":1294,"seo_description":1295,"seo_alt_text":1296,"seo_tags":1297,"seo_indexable":1211,"website":1300,"categories":1304},9612,"b7d42eb1-0521-441c-8346-813cf6ce2f21.png","maloot-section-hero-l3xiv0","Maloot hero with mixer photo and serif labels","Maloot’s hero fills the viewport with a close, dimly lit photo of a mixing desk. A slim top bar holds Drink, Listen, About, language links, and a boxed Book a Table control. Mid-frame, Hifi Bar, Cocktails, and Vinyls sit in a single serif row joined by thin rules. Oversized MALOOT type crops the bottom edge, so the gear image stays dominant while the words name the venue’s offer.","Maloot hero: dark mixer close-up, serif Hifi Bar Cocktails Vinyls labels, cropped MALOOT type, book button",[1260,1261,1298,1281,1262,1299],"Serif-led","Edge-to-edge",{"id":1301,"slug":1302,"title":1303},80729,"maloot","Maloot",[1305],{"category":1306},{"id":39,"name":809,"slug":810},{"id":1308,"image":1309,"name":809,"slug":1310,"seo_title":1311,"seo_description":1312,"seo_alt_text":1313,"seo_tags":1314,"seo_indexable":1211,"website":1316,"categories":1320},9551,"78f82dff-2695-4658-94a6-f6ecb85b9186.png","docemil-section-hero-b6ph69","Docemil Music Hero with Framed Photo and Cropped Type","Docemil Music’s hero fills the viewport with a gray studio photograph of a man in a black suit mid-gesture. A thin yellow rule frames the scene, with a large 12 mark and stacked DOCEMIL MUSIC lockup at top left and a boxed MENU + label at top right. Hierarchy then drops to two lines of smaller yellow all-caps copy and a huge cropped headline along the bottom edge. The high-contrast yellow type against the muted photo keeps branding readable while the cropped display type gives the section a poster-like crop.","Docemil Music hero: yellow-framed gray studio photo of a dancing man in a suit, 12 logo, menu, oversized yellow type.",[1315,1260,1261,1281,1282],"Framed",{"id":1317,"slug":1318,"title":1319},80709,"docemil","Docemil",[1321],{"category":1322},{"id":39,"name":809,"slug":810},{"id":1324,"image":1325,"name":809,"slug":1326,"seo_title":1327,"seo_description":1328,"seo_alt_text":1329,"seo_tags":1330,"seo_indexable":1211,"website":1332,"categories":1336},9117,"117aabad-41ce-4a12-8e13-d47a086775db.png","maps-music-section-hero-asqi63","Maps Music Hero with Album Strip and Good Sound Quote","The Maps Music hero stacks a full-width strip of album covers above a massive quoted “Good Sound” headline in heavy black type. A long white field then drops to a compact bar with the maps wordmark, navigation, labeled tiles, and two agency blurbs. Colourful photographic sleeves contrast the sparse black-and-white type. The empty midsection isolates the slogan so the covers act as evidence rather than decoration.","Maps Music hero: album cover strip above oversized quoted Good Sound headline and bottom nav bar",[1331,1261,1281,1264,235],"Stacked",{"id":1333,"slug":1334,"title":1335},80482,"maps-music","Maps Music",[1337],{"category":1338},{"id":39,"name":809,"slug":810},{"id":1340,"image":1341,"name":809,"slug":1342,"seo_title":1343,"seo_description":1344,"seo_alt_text":1345,"seo_tags":1346,"seo_indexable":1211,"website":1350,"categories":1354},8166,"53365ec8-5364-41c3-a69a-a39b9ffabf1c.png","allfeat-section-hero-io8kry","Allfeat Hero with Centered Claim and Identity Circles","Allfeat’s hero centers a cream logo, the headline “Unchained music value,” a short industry tagline, and a single green “Discover how” button on a deep teal field. A top bar holds the wordmark and compact nav. Around the copy, off-grid circles carry artist portraits, partner marks, and music-ID labels such as ISWC and ISRC, fading into a maroon-to-green radial gradient. The constellation frames the message as a network of identities without competing with the type.","Allfeat hero with Unchained music value headline, Discover how button, and circular artist and ID badges on a teal gradient.",[1347,1262,1348,1261,1349],"Off-grid","Gradient","Geometric Sans",{"id":1351,"slug":1352,"title":1353},79613,"allfeat","Allfeat",[1355],{"category":1356},{"id":39,"name":809,"slug":810},{"id":1358,"image":1359,"name":809,"slug":1360,"seo_title":1361,"seo_description":1362,"seo_alt_text":1363,"seo_tags":1364,"seo_indexable":1211,"website":1367,"categories":1371},18985,"d1304e7c-18a6-4939-ad1d-513b43a410c0.png","hangar-creates-section-hero-il2hgs","Hangar Creates Split-Screen Hero","The Hangar Creates hero splits the screen into two edge-to-edge night photographs of live productions. Small white navigation labels sit across the top of both halves, with a Talent mark at the lower right. On the left, a dense crowd faces pyramids beneath a drone-light portrait; on the right, a camera crew films a performer on a green-and-red set before a floodlit historic facade. The pairing shows event scale against behind-the-scenes craft, joined by a thin white parenthesis on the center line.","Hangar Creates hero: split-screen night photos of a pyramid concert with drone lights and a film crew on a colorful set.",[1365,1261,1262,1264,1366],"Split Screen","Layered",{"id":1368,"slug":1369,"title":1370},72475,"hangar-creates","Hangar Creates",[1372],{"category":1373},{"id":39,"name":809,"slug":810},{"id":232,"image":1375,"name":1376,"slug":1377,"seo_title":1378,"seo_description":1379,"seo_alt_text":1380,"seo_tags":1381,"seo_indexable":1211,"website":1382,"categories":1386},"ef711b3e-e116-4721-8846-8fa229c8e44f.png","Hero section","theatre-senart-section-hero-sfusas","Théâtre-Sénart Fullscreen Performance Hero","The Théâtre-Sénart hero presents a featured production through a full-bleed stage photograph of three performers against black. A top ticker and centered logo sit above left-aligned navigation and an outlined Billetterie button, while the lower-left stack holds the run dates, an oversized SALTI title, and Danse \u002F Jeune public chips. White all-caps type and a clipped lilac rectangle at the bottom right keep the dancers’ bodies unobstructed and add a graphic counterweight to the photographic field.","Théâtre-Sénart hero: three dancers on a dark stage with SALTI title, dates, and Danse\u002FJeune public labels",[1260,1261,1262,1281,1282],{"id":1383,"slug":1384,"title":1385},68896,"theatre-senart","Théâtre-Sénart",[1387],{"category":1388},{"id":39,"name":809,"slug":810},{"pages":39,"sections":375},{"id":39,"name":809,"slug":810,"seo_title":1391,"seo_description":1392,"intro":1393,"design_guidance":1394,"pattern_groups":1395,"faqs":1613,"indexable":1211,"_count":1623},"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.",[1396,1437,1478,1531,1572],{"title":1397,"sectionIds":1398,"description":1402,"sections":1403},"Full-bleed cinematic overlays",[1399,1400,1401],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.",[1404,1415,1426],{"id":1399,"image":1405,"name":809,"slug":1406,"seo_alt_text":1407,"website":1408,"categories":1412},"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":1409,"slug":1410,"title":1411},92629,"duft-und-kultur","Duft und Kultur",[1413],{"category":1414},{"id":39,"name":809,"slug":810},{"id":1400,"image":1416,"name":809,"slug":1417,"seo_alt_text":1418,"website":1419,"categories":1423},"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":1420,"slug":1421,"title":1422},85782,"london-film-school","London Film School",[1424],{"category":1425},{"id":39,"name":809,"slug":810},{"id":1401,"image":1427,"name":809,"slug":1428,"seo_alt_text":1429,"website":1430,"categories":1434},"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":1431,"slug":1432,"title":1433},85228,"mp2-collective","MP2 Collective",[1435],{"category":1436},{"id":39,"name":809,"slug":810},{"title":1438,"sectionIds":1439,"description":1443,"sections":1444},"Oversized typographic statements",[1440,1441,1442],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.",[1445,1456,1467],{"id":1440,"image":1446,"name":809,"slug":1447,"seo_alt_text":1448,"website":1449,"categories":1453},"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":1450,"slug":1451,"title":1452},85624,"house-of-honey","House of Honey",[1454],{"category":1455},{"id":39,"name":809,"slug":810},{"id":1441,"image":1457,"name":809,"slug":1458,"seo_alt_text":1459,"website":1460,"categories":1464},"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":1461,"slug":1462,"title":1463},85425,"brand-appart","Brand Appart",[1465],{"category":1466},{"id":39,"name":809,"slug":810},{"id":1442,"image":1468,"name":809,"slug":1469,"seo_alt_text":1470,"website":1471,"categories":1475},"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":1472,"slug":1473,"title":1474},85428,"otherhalf","Otherhalf",[1476],{"category":1477},{"id":39,"name":809,"slug":810},{"title":1479,"sectionIds":1480,"description":1485,"sections":1486},"Lifestyle product campaigns",[1481,1482,1483,1484],25999,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.",[1487,1498,1509,1520],{"id":1481,"image":1488,"name":809,"slug":1489,"seo_alt_text":1490,"website":1491,"categories":1495},"b527effa-4209-4193-87bb-6693739b949c.png","susanne-kaufmann-section-hero-zx247j","Susanne Kaufmann hero: split close-ups of lips and fruit with Lip Oil headline, copy, Shop Now and bottle.",{"id":1492,"slug":1493,"title":1494},84223,"susanne-kaufmann","Susanne Kaufmann",[1496],{"category":1497},{"id":39,"name":809,"slug":810},{"id":1482,"image":1499,"name":809,"slug":1500,"seo_alt_text":1501,"website":1502,"categories":1506},"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":1503,"slug":1504,"title":1505},85226,"balmoral-running","Balmoral Running",[1507],{"category":1508},{"id":39,"name":809,"slug":810},{"id":1483,"image":1510,"name":809,"slug":1511,"seo_alt_text":1512,"website":1513,"categories":1517},"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":1514,"slug":1515,"title":1516},85005,"wenatal","Wenatal",[1518],{"category":1519},{"id":39,"name":809,"slug":810},{"id":1484,"image":1521,"name":809,"slug":1522,"seo_alt_text":1523,"website":1524,"categories":1528},"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":1525,"slug":1526,"title":1527},83651,"moneda","Moneda",[1529],{"category":1530},{"id":39,"name":809,"slug":810},{"title":1532,"sectionIds":1533,"description":1537,"sections":1538},"Image-as-identity worlds",[1534,1535,1536],26072,26020,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.",[1539,1550,1561],{"id":1534,"image":1540,"name":809,"slug":1541,"seo_alt_text":1542,"website":1543,"categories":1547},"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":1544,"slug":1545,"title":1546},85258,"ofform","Ofform",[1548],{"category":1549},{"id":39,"name":809,"slug":810},{"id":1535,"image":1551,"name":809,"slug":1552,"seo_alt_text":1553,"website":1554,"categories":1558},"472a8673-b743-4ded-b372-59960930b8b3.png","haven-foods-section-hero-mzcjpm","Haven Foods hero with shrimp photo, nav, sustainable seafood headline, and Our Story and Contact Us buttons.",{"id":1555,"slug":1556,"title":1557},84995,"haven-foods","Haven Foods",[1559],{"category":1560},{"id":39,"name":809,"slug":810},{"id":1536,"image":1562,"name":809,"slug":1563,"seo_alt_text":1564,"website":1565,"categories":1569},"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":1566,"slug":1567,"title":1568},83129,"postnew","Postnew",[1570],{"category":1571},{"id":39,"name":809,"slug":810},{"title":1573,"sectionIds":1574,"description":1578,"sections":1579},"Proof, process, and named introductions",[1575,1576,1577],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.",[1580,1591,1602],{"id":1575,"image":1581,"name":809,"slug":1582,"seo_alt_text":1583,"website":1584,"categories":1588},"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":1585,"slug":1586,"title":1587},85424,"automated-architecture","Automated Architecture",[1589],{"category":1590},{"id":39,"name":809,"slug":810},{"id":1576,"image":1592,"name":809,"slug":1593,"seo_alt_text":1594,"website":1595,"categories":1599},"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":1596,"slug":1597,"title":1598},85193,"cure51","Cure51",[1600],{"category":1601},{"id":39,"name":809,"slug":810},{"id":1577,"image":1603,"name":809,"slug":1604,"seo_alt_text":1605,"website":1606,"categories":1610},"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":1607,"slug":1608,"title":1609},85372,"artem-astakhov","Artem Astakhov",[1611],{"category":1612},{"id":39,"name":809,"slug":810},[1614,1617,1620],{"answer":1615,"question":1616},"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":1618,"question":1619},"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":1621,"question":1622},"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":1624},855,{"id":406,"name":407,"slug":408},{"categories":1627},[1628,1630],{"id":39,"name":809,"slug":810,"_count":1629},{"sections":276},{"id":159,"name":814,"slug":815,"_count":1631},{"sections":194}]