[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f1h00t08y7hyaw":3,"public-section-categories":805,"$f2zfmzw75ifqal":1196,"$f3u4vfsu2pukdd":1604},{"ads":4,"websiteCategories":103,"technologies":547,"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},89,"Readymag","Create your dream website with Readymag","c6f73ab5-abd4-41ff-bac5-eb8b8e181a73.png","c56a52bf292db5de800b481e65bb2e34","secondary",[104,111,118,125,132,138,145,152,159,166,173,180,187,194,201,208,215,221,227,234,241,248,255,262,269,276,283,290,297,303,309,316,322,329,336,342,348,355,362,367,374,381,387,392,399,405,412,419,426,432,438,445,452,459,464,471,478,484,491,498,503,510,517,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},2612,{"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},460,{"id":119,"name":120,"slug":121,"description":122,"_count":123},8,"Architecture","architecture","Browse architecture websites with clean structure and visuals. Get inspired by real project sheets and portfolio grids, curated with HD screenshots and the fonts each website uses.",{"websites":124},447,{"id":126,"name":127,"slug":128,"description":129,"_count":130},30,"Art & illustration","art-illustration","Explore art and illustration websites that spotlight creativity. Get inspired by real portfolios and galleries, curated with HD screenshots and the fonts each website uses.",{"websites":131},218,{"id":133,"name":134,"slug":135,"description":37,"_count":136},629,"Artificial intelligence","artificial-intelligence",{"websites":137},220,{"id":139,"name":140,"slug":141,"description":142,"_count":143},57,"Automotive","automotive","Browse automotive websites for brands and dealers. Get inspired by real model pages and configurators, curated with HD screenshots and the fonts each website uses.",{"websites":144},31,{"id":146,"name":147,"slug":148,"description":149,"_count":150},37,"Beauty & cosmetics","beauty-cosmetics","Browse beauty and cosmetics websites that convert. Get inspired by real product pages, shade finders, and routines, curated with HD screenshots and the fonts each website uses.",{"websites":151},419,{"id":153,"name":154,"slug":155,"description":156,"_count":157},14,"Branding","branding","Browse branding-focused websites that express identity. Get inspired by real case studies, logo systems, and visuals, curated with HD screenshots and the fonts each website uses.",{"websites":158},566,{"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},478,{"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},124,{"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},379,{"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},1189,{"id":216,"name":217,"slug":218,"description":37,"_count":219},192,"Design studio","design-studio",{"websites":220},148,{"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},1539,{"id":235,"name":236,"slug":237,"description":238,"_count":239},272,"Editorial","editorial","Browse editorial websites with strong systems. Get inspired by real article layouts and publishing sites, curated with HD screenshots and the fonts each website uses.",{"websites":240},73,{"id":242,"name":243,"slug":244,"description":245,"_count":246},61,"Entertainment","entertainment","Discover entertainment websites with high energy. Get inspired by real trailers, schedules, and fan pages, curated with HD screenshots and the fonts each website uses.",{"websites":247},60,{"id":249,"name":250,"slug":251,"description":252,"_count":253},45,"Environmental","environmental","Discover environmental websites with purpose. Get inspired by real campaigns and green initiatives, curated with HD screenshots and the fonts each website uses.",{"websites":254},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},266,{"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},47,{"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},918,{"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},236,{"id":284,"name":285,"slug":286,"description":287,"_count":288},46,"Finance","finance","Explore finance and fintech websites with clarity. Get inspired by real dashboards and pricing pages, curated with HD screenshots and the fonts each website uses.",{"websites":289},402,{"id":291,"name":292,"slug":293,"description":294,"_count":295},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":296},639,{"id":18,"name":298,"slug":299,"description":300,"_count":301},"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":302},39,{"id":304,"name":305,"slug":306,"description":307,"_count":308},24,"Fun","fun","Explore playful websites that focus on delight. Get inspired by real interactive layouts and bold colors, curated with HD screenshots and the fonts each website uses.",{"websites":112},{"id":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},223,{"id":317,"name":318,"slug":319,"description":320,"_count":321},59,"Governmental","governmental","Explore governmental websites built for service. Get inspired by real portals and form flows, curated with HD screenshots and the fonts each website uses.",{"websites":144},{"id":323,"name":324,"slug":325,"description":326,"_count":327},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":328},318,{"id":330,"name":331,"slug":332,"description":333,"_count":334},38,"Homeware","homeware","Discover homeware websites for everyday living. Get inspired by real lifestyle shops and decor pages, curated with HD screenshots and the fonts each website uses.",{"websites":335},191,{"id":302,"name":337,"slug":338,"description":339,"_count":340},"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":341},285,{"id":268,"name":343,"slug":344,"description":345,"_count":346},"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},190,{"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},1426,{"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":444},145,{"id":446,"name":447,"slug":448,"description":449,"_count":450},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":451},324,{"id":453,"name":454,"slug":455,"description":456,"_count":457},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":458},146,{"id":6,"name":460,"slug":461,"description":462,"_count":463},"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":439},{"id":465,"name":466,"slug":467,"description":468,"_count":469},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":470},100,{"id":472,"name":473,"slug":474,"description":475,"_count":476},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":477},349,{"id":479,"name":480,"slug":481,"description":231,"_count":482},13,"Shop","shop",{"websites":483},95,{"id":485,"name":486,"slug":487,"description":488,"_count":489},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":490},139,{"id":492,"name":493,"slug":494,"description":495,"_count":496},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":497},112,{"id":144,"name":499,"slug":500,"description":501,"_count":502},"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":137},{"id":504,"name":505,"slug":506,"description":507,"_count":508},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":509},525,{"id":511,"name":512,"slug":513,"description":514,"_count":515},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":516},740,{"id":247,"name":518,"slug":519,"description":520,"_count":521},"Transportation","transportation","Browse transportation websites for travel and logistics. Get inspired by real routing, tracking, and booking, curated with HD screenshots and the fonts each website uses.",{"websites":105},{"id":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},171,{"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":18},{"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},143,{"id":543,"name":544,"slug":545,"description":37,"_count":546},330,"Venture capital","venture-capital",{"websites":453},[548,552,556,560,563,567,571,575,579,583,587,593,596,600,604,608,610,613,616,620,624,627,631,635,639,643,646,649,653,656,662,666],{"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":270,"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":97,"name":606,"displayed_name":37,"slug":609,"brand_color":37,"brand_logo_url":37},"nuxt-js",{"id":479,"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,851,856,860,865,870,875,879,883,887,892,896,900,904,909,913,917,922,926,930,934,938,942,946,951,956,960,964,969,973,977,981,985,989,993,997,1002,1006,1011,1016,1021,1026,1031,1036,1040,1042,1046,1050,1054,1058,1063,1068,1073,1078,1083,1087,1092,1096,1101,1106,1111,1116,1121,1126,1131,1136,1141,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},888,{"id":160,"name":814,"slug":815,"indexable":810,"_count":816},"Footer","footer",{"sections":817},747,{"id":195,"name":819,"slug":820,"indexable":810,"_count":821},"Header","header",{"sections":822},619,{"id":41,"name":824,"slug":825,"indexable":810,"_count":826},"Feature","feature",{"sections":827},553,{"id":504,"name":829,"slug":830,"indexable":810,"_count":831},"Value Proposition","value-proposition",{"sections":832},393,{"id":66,"name":834,"slug":835,"indexable":810,"_count":836},"Testimonial","testimonial",{"sections":837},293,{"id":207,"name":839,"slug":840,"indexable":810,"_count":841},"Call to Action","call-to-action",{"sections":842},234,{"id":302,"name":844,"slug":845,"indexable":810,"_count":846},"Gallery","gallery",{"sections":842},{"id":511,"name":848,"slug":849,"indexable":810,"_count":850},"About Us","about-us",{"sections":614},{"id":361,"name":852,"slug":853,"indexable":810,"_count":854},"FAQ","faq",{"sections":855},140,{"id":50,"name":857,"slug":858,"indexable":810,"_count":859},"Brand","brand",{"sections":398},{"id":323,"name":861,"slug":862,"indexable":810,"_count":863},"Newsletter","newsletter",{"sections":864},118,{"id":453,"name":866,"slug":867,"indexable":810,"_count":868},"Blog","blog",{"sections":869},109,{"id":119,"name":871,"slug":872,"indexable":810,"_count":873},"Contact","contact",{"sections":874},107,{"id":523,"name":876,"slug":877,"indexable":810,"_count":878},"How It Works","how-it-works",{"sections":483},{"id":75,"name":880,"slug":881,"indexable":810,"_count":882},"Stat","stat",{"sections":483},{"id":277,"name":884,"slug":885,"indexable":810,"_count":886},"Team","team",{"sections":66},{"id":393,"name":888,"slug":889,"indexable":810,"_count":890},"Case Study","case-study",{"sections":891},71,{"id":485,"name":893,"slug":894,"indexable":810,"_count":895},"Pricing","pricing",{"sections":242},{"id":291,"name":897,"slug":898,"indexable":810,"_count":899},"Statistics","statistics",{"sections":222},{"id":375,"name":901,"slug":902,"indexable":810,"_count":903},"Articles","articles",{"sections":453},{"id":905,"name":906,"slug":907,"indexable":810,"_count":908},25,"Client Logos","client-logos",{"sections":202},{"id":330,"name":910,"slug":911,"indexable":810,"_count":912},"Navigation","navigation",{"sections":144},{"id":536,"name":914,"slug":915,"indexable":810,"_count":916},"Integrations","integrations",{"sections":186},{"id":144,"name":918,"slug":919,"indexable":810,"_count":920},"Image Gallery","image-gallery",{"sections":921},26,{"id":479,"name":923,"slug":924,"indexable":810,"_count":925},"Featured Content","featured-content",{"sections":667},{"id":105,"name":927,"slug":928,"indexable":810,"_count":929},"Benefits","benefits",{"sections":105},{"id":59,"name":931,"slug":932,"indexable":810,"_count":933},"Resource","resource",{"sections":361},{"id":112,"name":935,"slug":936,"indexable":810,"_count":937},"Products","products",{"sections":323},{"id":153,"name":939,"slug":940,"indexable":810,"_count":941},"Case Studies","case-studies",{"sections":153},{"id":667,"name":943,"slug":944,"indexable":810,"_count":945},"Bento","bento",{"sections":277},{"id":947,"name":948,"slug":949,"indexable":810,"_count":950},97,"List","list",{"sections":195},{"id":406,"name":952,"slug":953,"indexable":954,"_count":955},"Mission","mission",false,{"sections":160},{"id":465,"name":957,"slug":958,"indexable":954,"_count":959},"Customer Stories","customer-stories",{"sections":119},{"id":209,"name":961,"slug":962,"indexable":954,"_count":963},"Resources","resources",{"sections":209},{"id":965,"name":966,"slug":967,"indexable":954,"_count":968},196,"Reviews","reviews",{"sections":209},{"id":310,"name":970,"slug":971,"indexable":954,"_count":972},"Use Cases","use-cases",{"sections":209},{"id":921,"name":974,"slug":975,"indexable":954,"_count":976},"Book Demo","book-demo",{"sections":536},{"id":146,"name":978,"slug":979,"indexable":954,"_count":980},"Card","card",{"sections":536},{"id":869,"name":982,"slug":983,"indexable":954,"_count":984},"Content","content",{"sections":536},{"id":202,"name":986,"slug":987,"indexable":954,"_count":988},"Partners","partners",{"sections":511},{"id":418,"name":990,"slug":991,"indexable":954,"_count":992},"Product","product",{"sections":511},{"id":126,"name":994,"slug":995,"indexable":954,"_count":996},"Collections","collections",{"sections":270},{"id":998,"name":999,"slug":1000,"indexable":954,"_count":1001},138,"Timeline","timeline",{"sections":270},{"id":497,"name":1003,"slug":1004,"indexable":954,"_count":1005},"Category","category",{"sections":504},{"id":1007,"name":1008,"slug":1009,"indexable":954,"_count":1010},108,"Form","form",{"sections":504},{"id":1012,"name":1013,"slug":1014,"indexable":954,"_count":1015},86,"Image","image",{"sections":504},{"id":1017,"name":1018,"slug":1019,"indexable":954,"_count":1020},110,"Problem","problem",{"sections":504},{"id":1022,"name":1023,"slug":1024,"indexable":954,"_count":1025},132,"Product list","product-list",{"sections":504},{"id":1027,"name":1028,"slug":1029,"indexable":954,"_count":1030},99,"Service","service",{"sections":504},{"id":1032,"name":1033,"slug":1034,"indexable":954,"_count":1035},116,"Article","article",{"sections":256},{"id":186,"name":1037,"slug":1038,"indexable":954,"_count":1039},"Careers","careers",{"sections":256},{"id":89,"name":257,"slug":258,"indexable":954,"_count":1041},{"sections":256},{"id":304,"name":1043,"slug":1044,"indexable":954,"_count":1045},"Events","events",{"sections":256},{"id":864,"name":1047,"slug":1048,"indexable":954,"_count":1049},"Links","links",{"sections":256},{"id":373,"name":1051,"slug":1052,"indexable":954,"_count":1053},"Map","map",{"sections":256},{"id":137,"name":1055,"slug":1056,"indexable":954,"_count":1057},"Media","media",{"sections":256},{"id":1059,"name":1060,"slug":1061,"indexable":954,"_count":1062},119,"Schedule","schedule",{"sections":256},{"id":1064,"name":1065,"slug":1066,"indexable":954,"_count":1067},193,"Table","table",{"sections":256},{"id":1069,"name":1070,"slug":1071,"indexable":954,"_count":1072},128,"Value","value",{"sections":256},{"id":1074,"name":1075,"slug":1076,"indexable":954,"_count":1077},104,"Awards","awards",{"sections":39},{"id":1079,"name":1080,"slug":1081,"indexable":954,"_count":1082},78,"Contact Form","contact-form",{"sections":39},{"id":398,"name":1084,"slug":1085,"indexable":954,"_count":1086},"Data","data",{"sections":39},{"id":1088,"name":1089,"slug":1090,"indexable":954,"_count":1091},214,"Event list","event-list",{"sections":39},{"id":97,"name":1093,"slug":1094,"indexable":954,"_count":1095},"Exhibition","exhibition",{"sections":39},{"id":1097,"name":1098,"slug":1099,"indexable":954,"_count":1100},134,"Features grid","features-grid",{"sections":39},{"id":1102,"name":1103,"slug":1104,"indexable":954,"_count":1105},106,"Link","link",{"sections":39},{"id":1107,"name":1108,"slug":1109,"indexable":954,"_count":1110},212,"Location","location",{"sections":39},{"id":1112,"name":1113,"slug":1114,"indexable":954,"_count":1115},113,"Menu","menu",{"sections":39},{"id":1117,"name":1118,"slug":1119,"indexable":954,"_count":1120},180,"Partnership","partnership",{"sections":39},{"id":1122,"name":1123,"slug":1124,"indexable":954,"_count":1125},200,"Platform","platform",{"sections":39},{"id":1127,"name":1128,"slug":1129,"indexable":954,"_count":1130},111,"Podcast","podcast",{"sections":39},{"id":1132,"name":1133,"slug":1134,"indexable":954,"_count":1135},130,"Product Card","product-card",{"sections":39},{"id":1137,"name":1138,"slug":1139,"indexable":954,"_count":1140},219,"Product Gallery","product-gallery",{"sections":39},{"id":1142,"name":1143,"slug":1144,"indexable":954,"_count":1145},93,"Product Information","product-information",{"sections":39},{"id":1147,"name":1148,"slug":1149,"indexable":954,"_count":1150},173,"Product Showcase","product-showcase",{"sections":39},{"id":1152,"name":1153,"slug":1154,"indexable":954,"_count":1155},241,"Roadmap","roadmap",{"sections":39},{"id":1157,"name":1158,"slug":1159,"indexable":954,"_count":1160},102,"Search","search",{"sections":39},{"id":580,"name":1162,"slug":1163,"indexable":954,"_count":1164},"Section","section",{"sections":39},{"id":174,"name":1166,"slug":1167,"indexable":954,"_count":1168},"Services","services",{"sections":39},{"id":368,"name":480,"slug":481,"indexable":954,"_count":1170},{"sections":39},{"id":1172,"name":1173,"slug":1174,"indexable":954,"_count":1175},127,"Summary","summary",{"sections":39},{"id":1177,"name":1178,"slug":1179,"indexable":954,"_count":1180},125,"Target Audience","target-audience",{"sections":39},{"id":1182,"name":1183,"slug":1184,"indexable":954,"_count":1185},91,"Text","text",{"sections":39},{"id":1187,"name":1188,"slug":1189,"indexable":954,"_count":1190},215,"Trust","trust",{"sections":39},{"id":1192,"name":1193,"slug":1194,"indexable":954,"_count":1195},103,"Video","video",{"sections":39},{"sections":1197,"count":1372,"category":1373,"tag":1603},[1198,1218,1237,1255,1275,1292,1307,1322,1339,1354],{"id":1199,"image":1200,"name":1201,"slug":1202,"seo_title":1203,"seo_description":1204,"seo_alt_text":1205,"seo_tags":1206,"seo_indexable":810,"website":1211,"categories":1215},28536,"376b5116-7752-4e50-9689-18726cdc9774.png","Process Breakdown","provenmetal-section-how-it-works-gq0xus","ProvenMetal Turn Times Process Timeline","This ProvenMetal turn-times block states a seven-business-day ship promise after quote approval. A serif headline and short supporting line sit left of a framed red “7” callout, then a thin Day 0 to Day 7 rule introduces three equal columns—Source & verify, Fabricate & assemble, Test & ship—each with phase labels and body copy. Dark dotted ground, all-caps metadata, and red accents make the schedule scannable, with empty framed panels below and a red Place an Order button at the bottom right.","ProvenMetal turn-times section: 7-day shipping headline, timeline, and three process phases on a dark field",[999,1207,1208,1209,1210],"Dark","Industrial","Serif-led","All Caps",{"id":1212,"slug":1213,"title":1214},92974,"provenmetal","ProvenMetal",[1216],{"category":1217},{"id":523,"name":876,"slug":877},{"id":1219,"image":1220,"name":1221,"slug":1222,"seo_title":1223,"seo_description":1224,"seo_alt_text":1225,"seo_tags":1226,"seo_indexable":810,"website":1230,"categories":1234},28264,"3c2616e5-4ed3-40d0-9eb3-d985ce4656ce.png","Steps to get started","menkind-section-how-it-works-h7fv34","Menkind How-It-Works Three-Step Guide","This Menkind band explains the care process as three numbered stages. A left column carries a small all-caps “HOW DOES IT WORK” label and an outlined Start button, then steps 01–03 sit in equal columns for the questionnaire, personal treatment plan, and discreet delivery. Cream ground, dark titles, and muted body copy keep the hierarchy quiet and clinical. Thin vertical rules separate the stages, turning a simple sequence into a measured editorial grid without icons.","Menkind how-it-works section with Start button and three numbered steps on a cream background",[1227,1228,236,1210,1229],"Grid","Light","Mixed Type",{"id":1231,"slug":1232,"title":1233},86631,"menkind","Menkind",[1235],{"category":1236},{"id":523,"name":876,"slug":877},{"id":1238,"image":1239,"name":1240,"slug":1241,"seo_title":1242,"seo_description":1243,"seo_alt_text":1244,"seo_tags":1245,"seo_indexable":810,"website":1248,"categories":1252},25599,"e43f4573-adba-4867-a0cf-025247e2debc.png","Process Roadmap","adaptual-health-section-how-it-works-ddi6dm","Adaptual Health Process Roadmap","This Adaptual Health how-it-works band maps a farm-to-bottle sequence under the heading The Adaptual Australian way, with Learn More aligned to the right. A single horizontal timeline lists seven stages from Seed to Bottled, each with a monoline icon, connecting arrow, and short label. The cream field and black sans-serif type stay spare so the icons carry the story. Matching line weight and even spacing keep the sequence clear without frames or cards.","Adaptual Health process roadmap titled The Adaptual Australian way, with seven farm-to-bottle line icons",[999,1246,1228,1247],"Line Art","Sans-serif",{"id":1249,"slug":1250,"title":1251},85978,"adaptual-health","Adaptual Health",[1253],{"category":1254},{"id":523,"name":876,"slug":877},{"id":1256,"image":1257,"name":1258,"slug":1259,"seo_title":1260,"seo_description":1261,"seo_alt_text":1262,"seo_tags":1263,"seo_indexable":810,"website":1268,"categories":1272},23791,"96921809-c956-4d65-9dfd-d95d685d3ce0.png","How it works","katkin-section-how-it-works-wkptew","KatKin How It Works: Three Illustrated Steps","KatKin’s How It Works section lays out a three-step meal-plan process in equal columns on a pale cream field. Each column stacks a framed black line drawing, a bold all-caps numbered title, and a short sentence of supporting copy, then a centered \"You're in control\" line and a dark pill button close the block. The naive sketches—a talking cat, a hatched cooking surface, and a pouch pouring into a tray—keep the operational steps light and readable. Numbering plus compact headlines make the sequence scan quickly without extra chrome.","KatKin How It Works: three-column illustrated steps for personalising, preparing, and feeding fresh cat food.",[1264,1265,1266,1210,1267],"Three Column","Illustrative","Hand-drawn","Playful",{"id":1269,"slug":1270,"title":1271},84221,"katkin","Katkin",[1273],{"category":1274},{"id":523,"name":876,"slug":877},{"id":1276,"image":1277,"name":1258,"slug":1278,"seo_title":1279,"seo_description":1280,"seo_alt_text":1281,"seo_tags":1282,"seo_indexable":810,"website":1285,"categories":1289},21020,"7f6957c0-dac4-40e5-a735-267cef7cdb2c.png","spacetalk-section-how-it-works-no1tqx","Spacetalk How It Works Three-Step Cards","Spacetalk’s how-it-works block opens with a centered headline, then three equal rounded cards that walk through setup. Each card stacks a product image, a numbered title, a short line of supporting copy, and a black pill button. The sequence pairs a kids smartwatch, the parent app on a phone, and a mobile-plan graphic so hardware, software, and service stay visually distinct. Pale gray cards on white keep the photography dominant and make the numbered path easy to scan.","Spacetalk how-it-works section with three cards for choosing a watch, downloading the app, and selecting a plan",[1264,1283,1228,1284,1247],"Card-based","Photographic",{"id":1286,"slug":1287,"title":1288},82125,"spacetalk","Spacetalk",[1290],{"category":1291},{"id":523,"name":876,"slug":877},{"id":1293,"image":1294,"name":1258,"slug":1295,"seo_title":1296,"seo_description":1297,"seo_alt_text":1298,"seo_tags":1299,"seo_indexable":810,"website":1300,"categories":1304},20997,"f5699ddc-36fe-4676-ae44-bc3d2ec5cfe7.png","my-life-in-a-book-section-how-it-works-pns59z","My Life in a Book How It Works Step Cards","This How It Works block explains the four-step gift process beneath a centered all-caps eyebrow and a large serif headline. Four equal white cards sit in a row on a cream field, each stacking a muted step pill, a spare line drawing, a serif title, and a short paragraph. The hierarchy stays consistent from badge to icon to heading to copy, so the sequence reads left to right. Simple hand-drawn icons keep the steps light and visually even without relying on photography.","My Life in a Book How It Works section with four step cards, line icons, and serif titles on cream.",[1227,1283,1246,1209,1228],{"id":1301,"slug":1302,"title":1303},82108,"my-life-in-a-book","My Life In A Book",[1305],{"category":1306},{"id":523,"name":876,"slug":877},{"id":1308,"image":1309,"name":1258,"slug":1310,"seo_title":1311,"seo_description":1312,"seo_alt_text":1313,"seo_tags":1314,"seo_indexable":810,"website":1315,"categories":1319},20201,"acbfa68d-30fc-4b34-a4da-852bae14a0f4.png","numeral-section-how-it-works-knsjh2","Numeral How It Works Onboarding Timeline","This Numeral how-it-works block presents a 30-day onboarding path as three equal panels under a horizontal timeline. Outlined Day 1, Day 2, and Day 30 pills sit on a thin rust line, each aligned to a heading—Get started, Dedicated onboarding, Stay compliant—plus three short bullets. The cream card, hairline dividers, and compact sans-serif type keep the sequence quiet and scannable. Anchoring each column to a dated marker makes the process read as a schedule rather than a generic feature list.","Numeral how-it-works timeline with Day 1, Day 2, and Day 30 onboarding steps in three columns",[999,1264,1228,1283,1247],{"id":1316,"slug":1317,"title":1318},81696,"numeral","Numeral",[1320],{"category":1321},{"id":523,"name":876,"slug":877},{"id":1323,"image":1324,"name":1258,"slug":1325,"seo_title":1326,"seo_description":1327,"seo_alt_text":1328,"seo_tags":1329,"seo_indexable":810,"website":1332,"categories":1336},9943,"8d45287c-1972-4832-b6ec-0d0ffb27c422.png","petspan-section-how-it-works-ogqxz8","Petspan How It Works Four-Step Section","Petspan’s how-it-works section opens with an oversized burgundy headline, “4 simple steps to start,” mixing a heavy sans with italic “to start” and cropping off the right edge. Below, a two-column row shows step 01: a pale numbered pill, a signup heading, two short paragraphs on medical history and at-home vet care, plus a “scroll down” line. A cream armchair photo sits opposite, overlaid with a dotted line-art dog and sparkles, grounding the first step in a calm interior.","Petspan how-it-works section: oversized 4-steps headline, step 01 signup copy, armchair photo with line-art dog.",[1330,1228,1331,1229,1284,1265],"Two Column","Oversized Type",{"id":1333,"slug":1334,"title":1335},81015,"petspan","Petspan",[1337],{"category":1338},{"id":523,"name":876,"slug":877},{"id":1340,"image":1341,"name":876,"slug":1342,"seo_title":1343,"seo_description":1344,"seo_alt_text":1345,"seo_tags":1346,"seo_indexable":810,"website":1347,"categories":1351},5356,"7eb40b8a-2d2e-47ad-8ea6-766efa2c5ff0.png","velora-section-how-it-works-z26aa9","Velora Home Room Fixture Finder","This Velora Home section helps shoppers choose lighting by room. A cream two-column layout pairs a stacked room list with a large interior photograph. An all-caps eyebrow sits above Kitchen, which is open with a serif headline, short copy, and a Shop Now link, while Bathroom, Living Room, Bedroom, and Dining Room sit behind plus marks and rules. The right image shows a colorful dining nook with a black chandelier, grounding the categories in a lived-in setting.","Velora Home room finder with Kitchen expanded beside a colorful dining interior and chandelier",[1330,236,1284,1209,1228],{"id":1348,"slug":1349,"title":1350},74458,"velora","Velora",[1352],{"category":1353},{"id":523,"name":876,"slug":877},{"id":1355,"image":1356,"name":876,"slug":1357,"seo_title":1358,"seo_description":1359,"seo_alt_text":1360,"seo_tags":1361,"seo_indexable":810,"website":1365,"categories":1369},4696,"6a3a3b86-eb6a-414f-9864-63b62b74079a.png","powered-by-people-section-how-it-works-aciy64","Powered by People Dropship How It Works","Powered by People’s how-it-works section maps a three-step dropship path for retailers across a flat terracotta field. Each column is led by a large numeral, then a bold step title, a short explanatory paragraph, and a slash-marked benefit line at the base. The equal three-column grid and open spacing keep the sequence easy to scan, while oversized numbers and high-contrast black type rank the steps without extra graphics.","Powered by People how-it-works section showing three numbered dropship steps on a solid orange field.",[1264,1362,1363,1364,1247],"Colourful","High Contrast","Display Type",{"id":1366,"slug":1367,"title":1368},74070,"powered-by-people","Powered by People",[1370],{"category":1371},{"id":523,"name":876,"slug":877},{"pages":39,"sections":195},{"id":523,"name":876,"slug":877,"seo_title":1374,"seo_description":1375,"intro":1376,"design_guidance":1377,"pattern_groups":1378,"faqs":1592,"indexable":810,"_count":1602},"How It Works: Patterns From Real Product Pages","A practical reference for How It Works sections: numbered steps, process diagrams, product walkthroughs, and the trade-offs that show up in design review.","A How It Works section explains the path from first contact to a finished outcome. Its job is to reduce uncertainty: what happens, in what order, and what the user or team actually has to do. On product pages it often sits after the promise and before pricing or proof, answering the quiet objection that the offer is too abstract. You will see more than one way to do that work. Some teams use three numbered cards with a verb-led title. Others draw a linear roadmap, a system diagram, or a product interface that stands in for the missing step. A few skip the grid entirely and write the process as a scene. That variation is not decoration. It is a choice about whether the reader needs a sequence, a mechanism, or evidence that the thing already exists.","The first review question I ask is whether the steps are actions the reader can imagine, or internal phases dressed as a customer journey. \"Discovery, Structure, Build, Improve\" can sell a studio method. It fails on a consumer product, where people want \"scan the disc,\" not \"onboarding alignment.\" Count the cognitive load. Three steps with one verb and one outcome each scan cleanly. Seven icons in a row start to feel like a supply-chain poster unless each mark is unmistakable. If a diagram needs a legend, it is probably a methodology page, not a landing-section explainer. Watch the relationship between copy and picture. A screenshot that shows the exact moment described in step two earns its space. A decorative dial or overlapping circles only helps if the metaphor maps to the claim. Otherwise it becomes a second puzzle. Cover the headline. Can you still tell what the product does from the steps alone? If not, the labels are too generic: setup, customize, enjoy. Horizontal timelines and Venn diagrams also need a single-column plan; the sequence has to survive without the original geometry. A button under the steps only works if the last beat already implies readiness. \"Get intros\" after a human onboarding story is coherent. A leap from \"we bottle it\" to \"apply now\" is not.",[1379,1422,1457,1488,1530,1561],{"title":1380,"sectionIds":1381,"description":1385,"sections":1386},"Numbered step cards",[1382,1383,1384],25864,25296,24473,"Three equal cards remain the default because they force a short plot: start, middle, result. The strongest versions pair a numbered verb with a concrete artifact—an app screen, a house visit, a scan. Weak ones repeat the same sentence shape and leave no sense of effort or time.",[1387,1399,1411],{"id":1382,"image":1388,"name":1389,"slug":1390,"seo_alt_text":1391,"seo_indexable":810,"website":1392,"categories":1396},"8538a565-1164-42e0-8b58-80174d5b1475.png","Process steps","mora-section-how-it-works-d3d89u","Mora process-steps section with three columns for Onboarding Call, Workspace Setup, and Check-in Call.",{"id":1393,"slug":1394,"title":1395},86107,"mora","Mora",[1397],{"category":1398},{"id":523,"name":876,"slug":877},{"id":1383,"image":1400,"name":1401,"slug":1402,"seo_alt_text":1403,"seo_indexable":810,"website":1404,"categories":1408},"d67c5116-a738-4953-811b-76b942bbc3ca.png","Process Steps","norma-section-how-it-works-vyjqhh","Norma how-it-works section with three cards for building a preset, scanning the steel disc, and blocked apps.",{"id":1405,"slug":1406,"title":1407},83599,"norma","Norma",[1409],{"category":1410},{"id":523,"name":876,"slug":877},{"id":1384,"image":1412,"name":1258,"slug":1413,"seo_alt_text":1414,"seo_indexable":810,"website":1415,"categories":1419},"4c7497e9-6927-4a5b-a051-6e4db8fc64a1.png","jetson-section-how-it-works-hvrhjq","Jetson how-it-works section with a green field, bold headline, and three illustrated process cards",{"id":1416,"slug":1417,"title":1418},85209,"jetson","Jetson",[1420],{"category":1421},{"id":523,"name":876,"slug":877},{"title":1423,"sectionIds":1424,"description":1427,"sections":1428},"Linear journeys and roadmaps",[1425,1238,1426],25977,24129,"A left-to-right path is useful when the value is the journey itself: seed to bottle, discovery to live product, evaluation to support. Arrows do the sequencing so labels can stay short. The risk is a long icon chain that looks official but hides what happens at each handoff.",[1429,1441,1446],{"id":1425,"image":1430,"name":1431,"slug":1432,"seo_alt_text":1433,"seo_indexable":810,"website":1434,"categories":1438},"6de357c6-4933-42a6-8960-3b3dc6e722bd.png","Process","zentto-section-how-it-works-byq6fo","Zentto process section with left headline and a dark Discovery card listing four numbered steps.",{"id":1435,"slug":1436,"title":1437},84356,"zentto","Zentto",[1439],{"category":1440},{"id":523,"name":876,"slug":877},{"id":1238,"image":1239,"name":1240,"slug":1241,"seo_alt_text":1244,"seo_indexable":810,"website":1442,"categories":1443},{"id":1249,"slug":1250,"title":1251},[1444],{"category":1445},{"id":523,"name":876,"slug":877},{"id":1426,"image":1447,"name":1258,"slug":1448,"seo_alt_text":1449,"seo_indexable":810,"website":1450,"categories":1454},"7422f5b7-595d-4a36-8bc7-565fee553995.png","lighthouse-section-how-it-works-hgiok2","Lighthouse how-it-works section: laptop photo beside a dark four-step process grid for U.S. immigration.",{"id":1451,"slug":1452,"title":1453},84921,"lighthouse","Lighthouse",[1455],{"category":1456},{"id":523,"name":876,"slug":877},{"title":1458,"sectionIds":1459,"description":1462,"sections":1463},"Mechanism diagrams",[1460,1461],25944,25637,"Some offers are not a sequence of user tasks. They are a system: inputs feeding a model, or capabilities overlapping around a core. A diagram can make that architecture visible at a glance. It fails when the labels stay abstract and the graphic cannot be read without a sales call.",[1464,1476],{"id":1460,"image":1465,"name":1466,"slug":1467,"seo_alt_text":1468,"seo_indexable":810,"website":1469,"categories":1473},"8c1abc39-bbe9-4e5c-8a00-3ad85c3bad9b.png","Technology overview","wisq-section-how-it-works-dej8ko","Wisq technology overview: HRLM diagram with overlapping circles and five capability pills around the logo",{"id":1470,"slug":1471,"title":1472},86141,"wisq","Wisq",[1474],{"category":1475},{"id":523,"name":876,"slug":877},{"id":1461,"image":1477,"name":1478,"slug":1479,"seo_alt_text":1480,"seo_indexable":810,"website":1481,"categories":1485},"eac9fcce-fe73-4508-9a47-66afab827522.png","Attribution methodology diagram","petra-labs-section-how-it-works-fq1mt7","Petra Labs attribution section: four channels flow into a star icon, then a bar labeled 29% AI-influenced revenue",{"id":1482,"slug":1483,"title":1484},85714,"petra-labs","Petra Labs",[1486],{"category":1487},{"id":523,"name":876,"slug":877},{"title":1489,"sectionIds":1490,"description":1494,"sections":1495},"Product evidence walkthroughs",[1491,1492,1493],25720,24564,24188,"Here the process is proven by the interface doing the work. A conversation, a dashboard, or a tabbed product frame replaces a numbered list. That is the right move when the product is the process. It is the wrong one when the chrome is generic and no outcome is readable.",[1496,1508,1519],{"id":1491,"image":1497,"name":1498,"slug":1499,"seo_alt_text":1500,"seo_indexable":810,"website":1501,"categories":1505},"4c37d351-b66a-4ec6-bf88-a9feddd3ed5d.png","Workflow explanation","twin-section-how-it-works-irfwxv","Twin workflow section: three steps at left and a chat card on torn-paper collage showing a goal-setting talk.",{"id":1502,"slug":1503,"title":1504},86027,"twin","Twin",[1506],{"category":1507},{"id":523,"name":876,"slug":877},{"id":1492,"image":1509,"name":1258,"slug":1510,"seo_alt_text":1511,"seo_indexable":810,"website":1512,"categories":1516},"222ad6be-7ade-44ed-aba8-8489147f32fc.png","retool-section-how-it-works-czvigh","Retool how-it-works section with API dashboard collage and cards for data, operations, and eng teams",{"id":1513,"slug":1514,"title":1515},85196,"retool","Retool",[1517],{"category":1518},{"id":523,"name":876,"slug":877},{"id":1493,"image":1520,"name":1258,"slug":1521,"seo_alt_text":1522,"seo_indexable":810,"website":1523,"categories":1527},"90acc24d-cee9-45de-89a3-a9420a9d1241.png","greenboard-section-how-it-works-qpdwch","Greenboard how-it-works section: mint panel with create-group UI left and large efficiency headline right.",{"id":1524,"slug":1525,"title":1526},84854,"greenboard","Greenboard",[1528],{"category":1529},{"id":523,"name":876,"slug":877},{"title":1531,"sectionIds":1532,"description":1535,"sections":1536},"Narrative and unfolding methods",[1533,1534],25143,26101,"A written scene can outperform cards when the experience is social, timed, or emotional. One page walks from a deal email to a closed fund. Another unfolds methods beside a metaphor. This only works if the prose is specific. Vague storytelling is just a long headline.",[1537,1549],{"id":1533,"image":1538,"name":1539,"slug":1540,"seo_alt_text":1541,"seo_indexable":810,"website":1542,"categories":1546},"3879c4f8-c20a-409e-a408-15bdb888e258.png","Process workflow","the-club-section-how-it-works-uuhxni","The Club experience section: italic heading, crossed flags, and brown process copy on cream.",{"id":1543,"slug":1544,"title":1545},84191,"the-club","The Club",[1547],{"category":1548},{"id":523,"name":876,"slug":877},{"id":1534,"image":1550,"name":1551,"slug":1552,"seo_alt_text":1553,"seo_indexable":810,"website":1554,"categories":1558},"c55aad2b-163f-4efe-81d4-06c9de44a657.png","Methodology and Skills","artem-astakhov-section-how-it-works-yv7bm7","Artem Astakhov methodology section with How I move the needle heading, four skill titles, and a metallic numbered dial.",{"id":1555,"slug":1556,"title":1557},85372,"artem-astakhov","Artem Astakhov",[1559],{"category":1560},{"id":523,"name":876,"slug":877},{"title":1562,"sectionIds":1563,"description":1566,"sections":1567},"Service steps with a close",[1564,1565],24679,25698,"Service businesses often treat this section as a soft close: numbered stages or reasons, then one action. The last beat stays operational—order, apply, get intros. The cards still need to answer effort and timing, or the button arrives before the reader feels ready.",[1568,1580],{"id":1564,"image":1569,"name":1570,"slug":1571,"seo_alt_text":1572,"seo_indexable":810,"website":1573,"categories":1577},"da43aa1f-9ca5-4c17-9d33-479a73d59180.png","Catering Information","montys-section-how-it-works-wc8zld","Monty's catering section: red why-order headline, three tilted numbered cards, and an Order Catering button.",{"id":1574,"slug":1575,"title":1576},83650,"montys","Montys",[1578],{"category":1579},{"id":523,"name":876,"slug":877},{"id":1565,"image":1581,"name":1582,"slug":1583,"seo_alt_text":1584,"seo_indexable":810,"website":1585,"categories":1589},"1d854e91-4bd2-4891-945f-bf330400c145.png","How it works process","decimals-section-how-it-works-bzurjm","Decimals how-it-works section with Apply for Access heading, three numbered process cards, and Get Intros button",{"id":1586,"slug":1587,"title":1588},85980,"decimals","Decimals",[1590],{"category":1591},{"id":523,"name":876,"slug":877},[1593,1596,1599],{"answer":1594,"question":1595},"Three is common because it fits a beginning, a middle, and a result without a long row of equals. Four can work when the last beat is support or iteration. Past that, you are often mixing user actions with internal phases. Collapse the internals, or move them to a longer methodology page.","How many steps belong in a How It Works section?",{"answer":1597,"question":1598},"Use a diagram when the reader needs relationships, not order: inputs into a model, overlapping capabilities, many sources becoming one output. Cards imply sequence and agency. If nobody actually does step two, a card layout will feel staged. Keep every label concrete enough that the graphic still makes sense if the illustration vanished.","When is a diagram better than step cards?",{"answer":1600,"question":1601},"Features answer what the product can do. How It Works answers what happens next and who does the work. If every card could live in a features row, rewrite around time, handoffs, and outcomes. After reading, someone should be able to estimate effort, wait, and the first action they must take.","How do you keep How It Works from becoming another features grid?",{"sections":483},{"id":228,"name":229,"slug":230},{"categories":1605},[1606,1609,1612,1614,1616,1618,1620,1622,1624,1626,1628,1630,1632,1634,1636],{"id":39,"name":808,"slug":809,"indexable":810,"_count":1607},{"sections":1608},158,{"id":160,"name":814,"slug":815,"indexable":810,"_count":1610},{"sections":1611},153,{"id":195,"name":819,"slug":820,"indexable":810,"_count":1613},{"sections":1069},{"id":302,"name":844,"slug":845,"indexable":810,"_count":1615},{"sections":1192},{"id":504,"name":829,"slug":830,"indexable":810,"_count":1617},{"sections":446},{"id":66,"name":834,"slug":835,"indexable":810,"_count":1619},{"sections":439},{"id":41,"name":824,"slug":825,"indexable":810,"_count":1621},{"sections":263},{"id":323,"name":861,"slug":862,"indexable":810,"_count":1623},{"sections":330},{"id":511,"name":848,"slug":849,"indexable":810,"_count":1625},{"sections":453},{"id":361,"name":852,"slug":853,"indexable":810,"_count":1627},{"sections":905},{"id":453,"name":866,"slug":867,"indexable":810,"_count":1629},{"sections":105},{"id":207,"name":839,"slug":840,"indexable":810,"_count":1631},{"sections":523},{"id":50,"name":857,"slug":858,"indexable":810,"_count":1633},{"sections":323},{"id":119,"name":871,"slug":872,"indexable":810,"_count":1635},{"sections":323},{"id":523,"name":876,"slug":877,"indexable":810,"_count":1637},{"sections":195}]