gallery

html step1.dev collected 2026-09-24 12:37:11 UTC 136,791 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="light __className_246ccd"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="assets/home-section-dot-bg.svg"/><link rel="stylesheet" href="/_next/static/css/88232b2ace502c5c.css?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/df4759fa5e305564.css?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-514cdb8bb4bcb745.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G"/>

1<script src="/_next/static/chunks/f347e0f6-e7fb1cbb053f0a89.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/7327-44e4dc45fcb78fa8.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/main-app-dfa9ee36da2131eb.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/app/layout-2c835c8194bceea6.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/1441-3cb713eccb26cba9.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/app/global-error-b5247b4b5cb3e6be.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/557-b1cf6806bc213fa8.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/6643-ec25aadfd3a689e2.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/4965-01e013c52d84cf93.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/2051-a9150d8004d2efb7.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/3068-8786913a357b7a43.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/4872-011ceb151d23378c.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/3937-5b4b2d54ed57a275.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<script src="/_next/static/chunks/app/gallery/page-03523a2fe87608c9.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" async=""></script>

1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-8XBTZHN9TM" as="script"/><meta name="next-size-adjust" content=""/><link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"/><link rel="icon" type="image/svg+xml" href="/favicon.svg"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><meta name="apple-mobile-web-app-title" content="Step1"/><link rel="manifest" href="/site.webmanifest"/><meta name="google-site-verification" content="Uu4yYa402kXtKtLXjqkEiHe3Ue38KCSE2a7klw7o5lo"/><title>Inspiration Gallery | Step1</title><meta name="description" content="Browse curated website inspirations you can remix with Step1. Explore modern layouts, styles, and interaction patterns for your next AI-built site."/><meta name="keywords" content="clone website,ai website builder,clone any website,no design skills,website design tool,step1,magic fusion,pixel perfect clone,designer-level website"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://step1.dev/gallery"/><meta property="og:title" content="Inspiration Gallery | Step1"/>

1<meta property="og:description" content="Browse curated website inspirations you can remix with Step1. Explore modern layouts, styles, and interaction patterns for your next AI-built site."/><meta property="og:url" content="https://step1.dev/gallery"/><meta property="og:site_name" content="Step1"/><meta property="og:image" content="https://step1.dev/opengraph-image"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Inspiration Gallery | Step1"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Inspiration Gallery | Step1"/><meta name="twitter:description" content="Browse curated website inspirations you can remix with Step1. Explore modern layouts, styles, and interaction patterns for your next AI-built site."/><meta name="twitter:image" content="https://step1.dev/opengraph-image"/>

1<script defer="" src="https://cloud.umami.is/script.js" data-website-id="046cd2fc-79cf-4e13-82a4-fe9dda2d0f1e"></script>

1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" noModule=""></script>

1</head><body class="antialiased"><div hidden=""><!--$--><!--/$--></div>

1<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","name":"Step1 Inspiration Gallery","description":"Browse curated website inspirations you can remix with Step1. Explore modern layouts, styles, and interaction patterns for your next AI-built site.","url":"https://step1.dev/gallery","potentialAction":{"@type":"SearchAction","target":"https://step1.dev/gallery?q={search_term_string}","query-input":"required name=search_term_string"},"mainEntity":{"@type":"ItemList","itemListOrder":"https://schema.org/ItemListOrderDescending","numberOfItems":36,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://step1.dev/gallery/w10fn23vJBWoxek_kDVtD","name":"Grand Matter Agency Portfolio Layout"},{"@type":"ListItem","position":2,"url":"https://step1.dev/gallery/quprIACDu8fXadSBWDTuH","name":"Studio Lathe Minimalist Portfolio List"},{"@type":"ListItem","position":3,"url":"https://step1.dev/gallery/cvB1JarItU-ldSRiKvg1m","name":"Figma Landing Page Gallery Hero"},{"@type":"ListItem","position":4,"url":"https://step1.dev/gallery/ZTr6rpUuomCdx0LZTcIL8","name":"Egstad Minimalist Design Portfolio"},{"@type":"ListItem","position":5,"url":"https://step1.dev/gallery/MTHd-indpww63ccVnLXF7","name":"Squarespace Website Expired System Page"},{"@type":"ListItem","position":6,"url":"https://step1.dev/gallery/U-Bh2PzmZ--PkohZPD3H9","name":"Good Glyphs Font Showcase Landing Page"},{"@type":"ListItem","position":7,"url":"https://step1.dev/gallery/WCoMa6QAg9hM87XxYMyXU","name":"Context Gallery High-End Furniture Landing Page"},{"@type":"ListItem","position":8,"url":"https://step1.dev/gallery/_D2prmoZp-ikOM1zVdhRq","name":"Koichi Takada Architects Portfolio Home"},{"@type":"ListItem","position":9,"url":"https://step1.dev/gallery/TjyRJZls7ffBOEf_k2jDo","name":"Bruno Arizio Designer Portfolio Website"},{"@type":"ListItem","position":10,"url":"https://step1.dev/gallery/H0Uoo6m3_8gtzPK9QnHw6","name":"Lamanna's Bakery Vibrant Landing Page"},{"@type":"ListItem","position":11,"url":"https://step1.dev/gallery/IfEmqGmyQrKUCHKhBnjFY","name":"Neuralink Brain Technology Landing Page"},{"@type":"ListItem","position":12,"url":"https://step1.dev/gallery/GNSK6xD6MOINHRPyjUAbh","name":"Generative Music Visualization Portfolio Canvas"},{"@type":"ListItem","position":13,"url":"https://step1.dev/gallery/IavRzGh4SaxK6ndTvMskV","name":"Glein Minimalistic Bento Grid eCommerce"},{"@type":"ListItem","position":14,"url":"https://step1.dev/gallery/-7Z9RSDmSDuCUAc_HqBfl","name":"Niklas RosÃ©n Designer Portfolio Index"},{"@type":"ListItem","position":15,"url":"https://step1.dev/gallery/lYrMII_BKY9woCLiQ1k0G","name":"Dropmark Visual Organization Landing Page"},{"@type":"ListItem","position":16,"url":"https://step1.dev/gallery/AY8PwhltRMl2EXpZjHU7i","name":"Isla Beauty Skincare E-commerce Store"},{"@type":"ListItem","position":17,"url":"https://step1.dev/gallery/2Yd-Zhw23mI9mPJQMAlOm","name":"022aifang Link Gallery Landing Page"},{"@type":"ListItem","position":18,"url":"https://step1.dev/gallery/KGjxb7oJihoRyM5HOiv3w","name":"FidÃ¨le Editions Art Studio Store"},{"@type":"ListItem","position":19,"url":"https://step1.dev/gallery/oSXBFnAb3_er2yBmWZiyN","name":"Minimalist Dark Mode Loading Screen"},{"@type":"ListItem","position":20,"url":"https://step1.dev/gallery/XE4DV-ZdnqdRleHCq9LsE","name":"Christopher Doyle Agency Portfolio Layout"},{"@type":"ListItem","position":21,"url":"https://step1.dev/gallery/xUIwuwB17BUazLr6Nd_rf","name":"Monotype Variable Fonts Resource Gallery"},{"@type":"ListItem","position":22,"url":"https://step1.dev/gallery/ZlY-wrZHUuMDjB0sON0zS","name":"Vercel AI Cloud Landing Page"},{"@type":"ListItem","position":23,"url":"https://step1.dev/gallery/dvFHBMdPA9jd6bmfZqiEQ","name":"NewTab Studio Minimalist Portfolio Landing Page"},{"@type":"ListItem","position":24,"url":"https://step1.dev/gallery/RYBFgTvhpkLTBiH7uerg4","name":"Moving Parts SwiftUI Component Library"},{"@type":"ListItem","position":25,"url":"https://step1.dev/gallery/09MPWJq4gH-5WtRy08eT8","name":"Peggy Art Royalties Pitch Page"},{"@type":"ListItem","position":26,"url":"https://step1.dev/gallery/XNbPsA3TE7o3kSAp6pfOJ","name":"Depanneur Beverage E-commerce Hero"},{"@type":"ListItem","position":27,"url":"https://step1.dev/gallery/NRBVCkxOAVlnyQIihdNOZ","name":"Airbnb.org Relief Housing Landing Page"},{"@type":"ListItem","position":28,"url":"https://step1.dev/gallery/hDZJDUU15odAmpSli3kiq","name":"Stojo Collapsible E-commerce Storefront"},{"@type":"ListItem","position":29,"url":"https://step1.dev/gallery/cPAIxcpP_KV51i4j7LzAL","name":"LoveSeen Beauty E-commerce Landing Page"},{"@type":"ListItem","position":30,"url":"https://step1.dev/gallery/caIsmMjoWSTmvnvhqGDTr","name":"Basic.Space E-commerce Gallery Clone"},{"@type":"ListItem","position":31,"url":"https://step1.dev/gallery/99i816PlYWwIMLeP-lgDI","name":"How Many Plants Illustrated Hero"},{"@type":"ListItem","position":32,"url":"https://step1.dev/gallery/9UMvPx7frKpGsgHHrLvVk","name":"Google Holiday 100 Curator Landing Page"},{"@type":"ListItem","position":33,"url":"https://step1.dev/gallery/h0iNFM19FCtc_dbW9w9kB","name":"MA Quilts Textile Portfolio Site"},{"@type":"ListItem","position":34,"url":"https://step1.dev/gallery/JvQ_y5sbjkS5mxUOEXgGB","name":"SWWIM Social Agency Animated Hero"},{"@type":"ListItem","position":35,"url":"https://step1.dev/gallery/WMoBvA2vvXeSX8bxXqs__","name":"Mr. Marcel School Design Portfolio"},{"@type":"ListItem","position":36,"url":"https://step1.dev/gallery/-Cii8OvETgiKcw3kasF85","name":"MetaMusic Service Landing Page"}]}}</script>

1<div class="h-screen overflow-auto bg-home-bg"><div class="z-20 flex items-center justify-center border-b"><div class="flex h-16 w-[90vw] max-w-4xl items-center justify-between"><a href="/"><svg width="80" height="17" viewBox="0 0 80 17" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-auto"><path fill-rule="evenodd" clip-rule="evenodd" d="M67.6582 4.11846C68.3002 4.11849 68.9517 4.20907 69.6113 4.39092C70.2711 4.5728 70.8743 4.85847 71.4199 5.24542C71.9644 5.63323 72.4043 6.13863 72.7373 6.76202C73.0704 7.38652 73.2373 8.13395 73.2373 9.00713C73.2373 9.88017 73.0649 10.6246 72.7197 11.2425C72.3746 11.8604 71.9261 12.3657 71.375 12.7591C70.8238 13.1534 70.2206 13.4405 69.5664 13.6224C68.9124 13.8042 68.277 13.8948 67.6592 13.8948C67.005 13.8948 66.3625 13.8107 65.7324 13.6409C65.1025 13.4721 64.5394 13.2048 64.043 12.8411V16.2523H60.5156V4.33624H63.9873V5.28155C64.4596 4.90574 65.0171 4.61777 65.6592 4.41827C66.3013 4.21876 66.9678 4.11846 67.6582 4.11846ZM6.6875 0.615533C6.6875 0.142286 7.20016 -0.153317 7.60938 0.083306L19.0693 6.69952C19.4783 6.93613 19.4781 7.52723 19.0693 7.76397L7.60938 14.3792C7.20023 14.6158 6.68768 14.3201 6.6875 13.848V11.0501L0.921875 14.3792C0.512729 14.6158 0.000183645 14.3201 0 13.848V0.615533C0 0.142286 0.512656 -0.153317 0.921875 0.083306L6.6875 3.41338V0.615533ZM52.8662 4.11944C54.2106 4.11947 55.3488 4.32894 56.2822 4.74737C57.2148 5.16494 57.9095 5.78889 58.3633 6.61846C58.818 7.44803 58.9839 8.47558 58.8633 9.69952H50.0137C50.074 10.2079 50.3435 10.6389 50.8213 10.9896C51.3001 11.3412 52.018 11.5159 52.9756 11.5159C53.8236 11.5159 54.4325 11.4198 54.8018 11.2259C55.1709 11.032 55.4396 10.7776 55.6094 10.4622L58.8262 10.8069C58.5599 11.8128 57.8989 12.5787 56.8447 13.1058C55.7906 13.6328 54.5009 13.8968 52.9746 13.8968V13.8958C51.7265 13.8958 50.6117 13.7081 49.6309 13.3323C48.6503 12.9566 47.8776 12.4053 47.3145 11.679C46.7512 10.9524 46.4688 10.0612 46.4688 9.00713C46.4688 7.953 46.735 7.04425 47.2686 6.31768C47.8012 5.59024 48.5505 5.04245 49.5137 4.67315C50.4768 4.30396 51.5942 4.11944 52.8662 4.11944ZM29.9238 0.556939C30.9166 0.556941 31.8648 0.660546 32.7676 0.866509C33.6695 1.07251 34.4766 1.42378 35.1855 1.92022C35.8944 2.41757 36.4533 3.11381 36.8662 4.01006L33.7588 4.97295C33.3951 4.29486 32.8841 3.84073 32.2236 3.60967C31.563 3.37958 30.6998 3.26498 29.6338 3.26495C28.7374 3.26495 28.0186 3.3588 27.4795 3.54717C26.9407 3.73547 26.6711 4.00426 26.6709 4.35479C26.6709 4.65822 26.8193 4.90045 27.1162 5.08233C27.4131 5.26417 27.9 5.39736 28.5791 5.48272L32.4316 5.95538C34.0062 6.1493 35.1582 6.55424 35.8848 7.17217C36.6113 7.79018 36.9756 8.60833 36.9756 9.62628C36.9755 10.5707 36.6843 11.3609 36.1025 11.9974C35.5207 12.633 34.7035 13.1096 33.6494 13.4241C32.5953 13.7387 31.3658 13.8958 29.9609 13.8958L29.96 13.8948C28.8335 13.8948 27.7851 13.7825 26.8164 13.5589C25.8467 13.3353 25.0045 12.96 24.29 12.4329C23.5748 11.9059 23.0246 11.1943 22.6367 10.2982L25.8896 9.33428C26.1318 9.7704 26.8198 11.1887 30.1787 11.1888C31.2328 11.1888 32.0334 11.0732 32.5781 10.8431C33.1225 10.613 33.3955 10.3161 33.3955 9.95245C33.3955 9.67409 33.2614 9.43739 32.9951 9.24346C32.7288 9.04957 32.2193 8.90992 31.4688 8.82549L27.9609 8.38995C26.3372 8.18394 25.126 7.7836 24.3262 7.18975C23.5265 6.59684 23.127 5.77205 23.127 4.71905C23.127 3.78647 23.4052 3.0141 23.9629 2.40167C24.5196 1.79025 25.3106 1.32977 26.335 1.02081C27.3584 0.711899 28.5544 0.556939 29.9238 0.556939ZM43.4521 4.33721H45.9092V7.12627H43.4521V13.678H39.9268V7.12627H37.6914V4.33721H39.999V2.3753L43.4521 1.44756V4.33721ZM79.998 13.678H76.3633V5.11846H72.7109V3.08233L79.998 0.774712V13.678ZM66.8945 6.51788C66.4463 6.51788 66.0002 6.59416 65.5576 6.74542C65.1152 6.89667 64.7526 7.14546 64.4678 7.49053C64.183 7.83564 64.0411 8.29299 64.041 8.86163V9.15264C64.041 9.71022 64.183 10.161 64.4678 10.5062C64.7526 10.8513 65.1151 11.1033 65.5576 11.261C65.9993 11.4188 66.4454 11.4974 66.8945 11.4974C67.415 11.4973 67.8843 11.4035 68.3027 11.2151C68.7203 11.0277 69.0573 10.755 69.3115 10.3978C69.5657 10.0406 69.6933 9.60732 69.6934 9.09893V8.91631C69.6933 8.14172 69.4196 7.54796 68.875 7.13604C68.3304 6.72422 67.67 6.51793 66.8945 6.51788ZM6.68848 11.

10491L12.3799 7.76397C12.7886 7.52723 12.7888 6.93614 12.3799 6.69952L6.68848 3.41436V11.0491ZM52.9023 6.31768C51.9939 6.31768 51.3112 6.47157 50.8574 6.78057C50.403 7.08945 50.1278 7.46187 50.0312 7.89776H55.6465C55.574 7.38943 55.31 6.99863 54.8555 6.72588C54.4008 6.45314 53.7494 6.3177 52.9023 6.31768Z" fill="hsl(var(--primary))"></path></svg></a><div class="flex items-center justify-center gap-3 text-primary/60 sm:gap-8"><a href="/app/community">Showcase</a><a href="/gallery">Gallery</a><a href="/blog">Blog</a><a href="/#pricing">Pricing</a><a href="https://docs.step1.dev">Docs</a></div><div class="hidden items-center gap-4 sm:flex"><a href="/app"><button class="inline-flex items-center justify-center gap-2 select-none whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-primary border-foreground text-primary-foreground shadow hover:bg-primary/90 h-6 px-2 text-xs rounded-lg">Get Started</button></a></div></div></div><div class="relative mx-auto w-full max-w-6xl p-2 pb-[10vh]"><img src="assets/home-section-dot-bg.svg" class="absolute left-0 w-full" alt="" aria-hidden="true"/><div class="rounded-2xl py-[10vh] pb-[5vh]"><div class="flex flex-col items-center justify-center gap-2"><h1 class="text-3xl font-bold tracking-tight text-foreground md:text-4xl">Inspiration Gallery</h1><p class="mt-2 max-w-2xl text-sm text-muted-foreground md:text-base">Find your inspiration from online websites.</p><form class="mt-6 grid w-full max-w-xl grid-cols-[1fr,auto] gap-2" role="search"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" aria-hidden="true"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input class="flex h-9 w-full rounded-md border border-input px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-background pl-9" placeholder="What are you looking for?" value=""/></div></form><p class="mt-2 text-xs text-muted-foreground" style="opacity:0">Press Enter to search</p></div></div><div class="flex flex-wrap items-center justify-center gap-2 px-4"><button type="button" class="rounded-full border bg-background px-3 py-1">landing page</button><button type="button" class="rounded-full border bg-background px-3 py-1">saas</button><button type="button" class="rounded-full border bg-background px-3 py-1">portfolio</button><button type="button" class="rounded-full border bg-background px-3 py-1">e-commerce</button><button type="button" class="rounded-full border bg-background px-3 py-1">agency</button><button type="button" class="rounded-full border bg-background px-3 py-1">blog</button><button type="button" class="rounded-full border bg-background px-3 py-1">dashboard</button><button type="button" class="rounded-full border bg-background px-3 py-1">corporate</button><button type="button" class="rounded-full border bg-background px-3 py-1">web3</button><button type="button" class="rounded-full border bg-background px-3 py-1">promotional</button></div><div class="mt-6 grid grid-cols-1 gap-4 px-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/w10fn23vJBWoxek_kDVtD"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-w10fn23vJBWoxek_kDVtD" alt="Grand Matter Agency Portfolio Layout" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Grand Matter Agency Portfolio Layout</h3><p class="line-clamp-2 text-xs text-muted-foreground">A creative agency site featuring a full-screen image hero, asymmetrical masonry work grids, and bold typography sections across a clean responsive layout.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->138</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->2</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/quprIAC

1Du8fXadSBWDTuH"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-quprIACDu8fXadSBWDTuH" alt="Studio Lathe Minimalist Portfolio List" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Studio Lathe Minimalist Portfolio List</h3><p class="line-clamp-2 text-xs text-muted-foreground">A high-contrast, minimalist portfolio layout featuring a dense list-based project index with flexible category labeling and a full-screen yellow background.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->85</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/cvB1JarItU-ldSRiKvg1m"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-cvB1JarItU-ldSRiKvg1m" alt="Figma Landing Page Gallery Hero" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Figma Landing Page Gallery Hero</h3><p class="line-clamp-2 text-xs text-muted-foreground">A dynamic landing page featuring a center-focused search bar hero, a horizontally-scrolling interactive video carousel, and a clean brand logo grid.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->153</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->11</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/ZTr6rpUuomCdx0LZTcIL8"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-ZTr6rpUuomCdx0LZTcIL8" alt="Egstad Minimalist Design Portfolio" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Egstad Minimalist Design Portfolio</h3><p class="line-clamp-2 text-xs text-muted-foreground">A refined Nuxt.js portfolio featuring bold variable typography, interactive canvas elements, and a clean grid-based layout for showcasing design work.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->74</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->1</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/MTHd-indpww63ccVnLXF7"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-MTHd-indpww63ccVnLXF7" alt="Squarespace Website Expired System Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Squarespace Website Expired System Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A minimal system error page layout featuring a centered modal box, dark overlay, and a primary call-to-action button for account recovery.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->23</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/U-Bh2PzmZ--PkohZPD3H9"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-U-Bh2PzmZ--PkohZPD3H9" alt="Good Glyphs Font Showcase Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Good Glyphs Font Showcase Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A single-page layout featuring an interactive type tester, donation form with custom amount logic, and a contributor gallery using swiper-based glyph previews.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->76</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->4</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/WCoMa6QAg9hM87XxYMyXU"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-WCoMa6QAg9hM87XxYMyXU" alt="Context Gallery High-End Furniture Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Context Gallery High-End Furniture Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A minimal editorial layout featuring a multi-column product carousel, designer biographies with image-text pairings, and a magazine-style content grid for curated design stories.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->43</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->2</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/_D2prmoZp-ikOM1zVdhRq"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-_D2prmoZp-ikOM1zVdhRq" alt="Koichi Takada Architects Portfolio Home" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Koichi Takada Architects Portfolio Home</h3><p class="line-clamp-2 text-xs text-muted-foreground">A high-end architectural portfolio featuring a split-screen layout with an interactive project slider, sticky typography, and smooth transition animations.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->40</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->4</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/TjyRJZls7ffBOEf_k2jDo"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-TjyRJZls7ffBOEf_k2jDo" alt="Bruno Arizio Designer Portfolio Website" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Bruno Arizio Designer Portfolio Website</h3><p class="line-clamp-2 text-xs text-muted-foreground">A minimalist creative director portfolio featuring a clean typographic layout, side-aligned image previews, and high-contrast spacing patterns suitable for luxury or design showcases.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->144</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/H0Uoo6m3_8gtzPK9QnHw6"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-H0Uoo6m3_8gtzPK9QnHw6" alt="Lamanna&#x27;s Bakery Vibrant Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Lamanna&#x27;s Bakery Vibrant Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">

1A bold, high-contrast Italian bakery site featuring massive typography, parallax floating elements, marquee banners, and a flickity-powered product carousel.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->41</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->6</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/IfEmqGmyQrKUCHKhBnjFY"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-IfEmqGmyQrKUCHKhBnjFY" alt="Neuralink Brain Technology Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Neuralink Brain Technology Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A high-tech medical landing page featuring an immersive video hero section, typewriter animation effects, and a custom swiper carousel with integrated video testimonials.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->29</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->1</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/GNSK6xD6MOINHRPyjUAbh"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-GNSK6xD6MOINHRPyjUAbh" alt="Generative Music Visualization Portfolio Canvas" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Generative Music Visualization Portfolio Canvas</h3><p class="line-clamp-2 text-xs text-muted-foreground">A creative coding project featuring a generative musical score on a dynamic canvas with a play/pause interaction and custom notation rendering.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->34</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/IavRzGh4SaxK6ndTvMskV"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-IavRzGh4SaxK6ndTvMskV" alt="Glein Minimalistic Bento Grid eCommerce" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Glein Minimalistic Bento Grid eCommerce</h3><p class="line-clamp-2 text-xs text-muted-foreground">A clean, modular layout using a bento-style responsive grid of text teasers and large-scale product imagery for lookbooks and collection browsing.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->39</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/-7Z9RSDmSDuCUAc_HqBfl"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb--7Z9RSDmSDuCUAc_HqBfl" alt="Niklas RosÃ©n Designer Portfolio Index" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Niklas RosÃ©n Designer Portfolio Index</h3><p class="line-clamp-2 text-xs text-muted-foreground">A minimalist, responsive grid-based portfolio index featuring a clean 16-column layout, typographic list components, and a custom dark mode transition.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->33</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/lYrMII_BKY9woCLiQ1k0G"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-lYrMII_BKY9woCLiQ1k0G" alt="Dropmark Visual Organization Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Dropmark Visual Organization Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">Features a clean minimalist hero section with split-action buttons, a vibrant vector illustration footer, and an interactive horizontal flickity carousel for case studies.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->33</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->3</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/AY8PwhltRMl2EXpZjHU7i"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-AY8PwhltRMl2EXpZjHU7i" alt="Isla Beauty Skincare E-commerce Store" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Isla Beauty Skincare E-commerce Store</h3><p class="line-clamp-2 text-xs text-muted-foreground">A clean Shopify-based storefront featuring a split-hero landing page, a step-by-step product system carousel, and a split-screen testimonial section with localized product image sidebars.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->45</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->3</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/2Yd-Zhw23mI9mPJQMAlOm"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-2Yd-Zhw23mI9mPJQMAlOm" alt="022aifang Link Gallery Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">022aifang Link Gallery Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A dark-themed directory layout featuring symmetrical chevron side graphics and a centralized stack of hover-active navigation cards for resource links.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->12</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/KGjxb7oJihoRyM5HOiv3w"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-KGjxb7oJihoRyM5HOiv3w" alt="FidÃ¨le Editions Art Studio Store" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">FidÃ¨le Editions Art Studio Store</h3><p class="line-clamp-2 text-xs text-muted-foreground">A minimalist e-commerce layout featuring a high-impact video hero, horizontal product carousels with hover-triggered image swaps, and a clean editorial-style blog section.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->20</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.

145"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/oSXBFnAb3_er2yBmWZiyN"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-oSXBFnAb3_er2yBmWZiyN" alt="Minimalist Dark Mode Loading Screen" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Minimalist Dark Mode Loading Screen</h3><p class="line-clamp-2 text-xs text-muted-foreground">A clean, dark-themed redirection page featuring a centered typography layout and a CSS circular loading spinner for asynchronous processing states.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->19</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/XE4DV-ZdnqdRleHCq9LsE"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-XE4DV-ZdnqdRleHCq9LsE" alt="Christopher Doyle Agency Portfolio Layout" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Christopher Doyle Agency Portfolio Layout</h3><p class="line-clamp-2 text-xs text-muted-foreground">A minimalist, typography-led portfolio featuring a wide-margin grid system, smooth fade-in animations, and simple image-focused project cards.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->119</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->3</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/xUIwuwB17BUazLr6Nd_rf"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-xUIwuwB17BUazLr6Nd_rf" alt="Monotype Variable Fonts Resource Gallery" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Monotype Variable Fonts Resource Gallery</h3><p class="line-clamp-2 text-xs text-muted-foreground">A clean masonry grid layout featuring content cards with hover-state overlays, category filtering, and responsive image scaling for a media-rich resource center.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->11</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/ZlY-wrZHUuMDjB0sON0zS"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-ZlY-wrZHUuMDjB0sON0zS" alt="Vercel AI Cloud Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Vercel AI Cloud Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A modern landing page featuring a minimalist dark-themed navbar, a grid-overlay hero section with radial color gradients, and high-contrast typography for customer success stories.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->

164</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->1</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/dvFHBMdPA9jd6bmfZqiEQ"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-dvFHBMdPA9jd6bmfZqiEQ" alt="NewTab Studio Minimalist Portfolio Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">NewTab Studio Minimalist Portfolio Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A clean, typography-focused landing page featuring an oversized SVG/canvas hero title, a top-aligned navigation bar, and a minimalist footer layout.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->96</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->3</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/RYBFgTvhpkLTBiH7uerg4"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-RYBFgTvhpkLTBiH7uerg4" alt="Moving Parts SwiftUI Component Library" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Moving Parts SwiftUI Component Library</h3><p class="line-clamp-2 text-xs text-muted-foreground">A high-performance landing page featuring a interactive code comparison toggle, animated mobile UI previews, and a clean minimalist aesthetic for developer tools.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->25</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/09MPWJq4gH-5WtRy08eT8"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-09MPWJq4gH-5WtRy08eT8" alt="Peggy Art Royalties Pitch Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Peggy Art Royalties Pitch Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A clean storytelling layout featuring alternating image-text sections, a three-column testimonial grid with circular avatars, and a icon-based feature grid for brand values.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->9</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->1</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/XNbPsA3TE7o3kSAp6pfOJ"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-XNbPsA3TE7o3kSAp6pfOJ" alt="Depanneur Beverage E-commerce Hero" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Depanneur Beverage E-commerce Hero</h3><p class="line-clamp-2 text-xs text-muted-foreground">A minimalist Shopify storefront featuring a full-screen background video hero, sticky translucent navigation, and integrated mobile menu components.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->48</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->2</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/NRBVCkxOAVlnyQIihdNOZ"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-NRBVCkxOAVlnyQIihdNOZ" alt="Airbnb.org Relief Housing Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Airbnb.org Relief Housing Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A clean nonprofit landing page featuring a minimalist logo header, high-contrast CTA buttons, centered typography hero section, and an embedded video container.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->15</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/hDZJDUU15odAmpSli3kiq"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-hDZJDUU15odAmpSli3kiq" alt="Stojo Collapsible E-commerce Storefront" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Stojo Collapsible E-commerce Storefront</h3><p class="line-clamp-2 text-xs text-muted-foreground">A Shopify layout featuring a prominent discount modal, mosaic grid hero sections, and clean product cards with integrated color swatches and quick-buy functionality.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->9</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/cPAIxcpP_KV51i4j7LzAL"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-cPAIxcpP_KV51i4j7LzAL" alt="LoveSeen Beauty E-commerce Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">LoveSeen Beauty E-commerce Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A high-impact beauty retail site featuring a split-screen full-bleed hero image, minimalist navigation, and a horizontally scrolling user-generated content (UGC) Instagram slider.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->14</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/caIsmMjoWSTmvnvhqGDTr"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-caIsmMjoWSTmvnvhqGDTr" alt="Basic.Space E-commerce Gallery Clone" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Basic.Space E-commerce Gallery Clone</h3><p class="line-clamp-2 text-xs text-muted-foreground">A minimalist product marketplace featuring a clean sticky navigation bar, nested flyout menus, and a horizontally scrollable product carousel with hover-state image switching.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->23</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/99i816PlYWwIMLeP-lgDI"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-99i816PlYWwIMLeP-lgDI" alt="How Many Plants Illustrated Hero" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">How Many Plants Illustrated Hero</h3><p class="line-clamp-2 text-

1xs text-muted-foreground">A unique houseplant resource featuring layered SVG shelf layouts with hover-triggered animations, interactive image masks, and alternating content sections for educational guides.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->35</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->2</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/9UMvPx7frKpGsgHHrLvVk"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-9UMvPx7frKpGsgHHrLvVk" alt="Google Holiday 100 Curator Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Google Holiday 100 Curator Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">A minimalist e-commerce showcase featuring a wide hero section, clean search integration, and a bold typography-driven header designed for trending product collections.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->12</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->1</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/h0iNFM19FCtc_dbW9w9kB"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-h0iNFM19FCtc_dbW9w9kB" alt="MA Quilts Textile Portfolio Site" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">MA Quilts Textile Portfolio Site</h3><p class="line-clamp-2 text-xs text-muted-foreground">A vibrant portfolio layout featuring a two-column animated hero, horizontal marquee text, and dynamic CMS-driven grid galleries for showcasing artistic products and blog posts.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->8</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->1</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/JvQ_y5sbjkS5mxUOEXgGB"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-JvQ_y5sbjkS5mxUOEXgGB" alt="SWWIM Social Agency Animated Hero" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">SWWIM Social Agency Animated Hero</h3><p class="line-clamp-2 text-xs text-muted-foreground">A dynamic landing page featuring a wave-layered layout, ticker-tape marquees, floating SVG illustrations, and high-contrast typography in a blue-and-white nautical aesthetic.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->48</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/WMoBvA2vvXeSX8bxXqs__"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb-WMoBvA2vvXeSX8bxXqs__" alt="Mr. Marcel School Design Portfolio" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">Mr. Marcel School Design Portfolio</h3><p class="line-clamp-2 text-xs text-muted-foreground">A creative education site featuring artistic geometric headers, card-based course layouts, slider-

1driven testimonial sections, and a structured calendar for academic scheduling.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->30</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->1</div></div></div></a><a class="group block overflow-hidden rounded-xl border bg-background transition-all" href="/gallery/-Cii8OvETgiKcw3kasF85"><div class="relative aspect-video overflow-hidden border-b bg-muted/40"><img src="https://static.step1.dev/screenshot/gallery-thumb--Cii8OvETgiKcw3kasF85" alt="MetaMusic Service Landing Page" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" loading="lazy"/></div><div class="flex items-center justify-between p-2 px-3"><div><h3 class="line-clamp-1 text-xs font-bold text-foreground">MetaMusic Service Landing Page</h3><p class="line-clamp-2 text-xs text-muted-foreground">Features a horizontal scrolling card deck, animated SVG illustrations, a partner logo marquee, and a multi-step process layout with notched corner UI components.</p></div><div class="flex items-center gap-2 text-muted-foreground"><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <!-- -->19</div><div class="flex items-center gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle" aria-hidden="true"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg> <!-- -->0</div></div></div></a></div><div class="mt-6 flex flex-col items-center gap-2"><div class="flex justify-center gap-2"><button class="inline-flex items-center justify-center gap-2 select-none whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-6 rounded-md px-2 text-xs">Load More</button></div></div></div><div class="flex flex-col items-center border-t"><div class="w-full max-w-4xl p-4 py-10 md:p-8"><div class="grid grid-cols-2 grid-rows-2 md:grid-cols-3"><svg width="80" height="17" viewBox="0 0 80 17" fill="none" xmlns="http://www.w3.org/2000/svg" class="row-start-1 md:row-start-2"><path fill-rule="evenodd" clip-rule="evenodd" d="M67.6582 4.11846C68.3002 4.11849 68.9517 4.20907 69.6113 4.39092C70.2711 4.5728 70.8743 4.85847 71.4199 5.24542C71.9644 5.63323 72.4043 6.13863 72.7373 6.76202C73.0704 7.38652 73.2373 8.13395 73.2373 9.00713C73.2373 9.88017 73.0649 10.6246 72.7197 11.2425C72.3746 11.8604 71.9261 12.3657 71.375 12.7591C70.8238 13.1534 70.2206 13.4405 69.5664 13.6224C68.9124 13.8042 68.277 13.8948 67.6592 13.8948C67.005 13.8948 66.3625 13.8107 65.7324 13.6409C65.1025 13.4721 64.5394 13.2048 64.043 12.8411V16.2523H60.5156V4.33624H63.9873V5.28155C64.4596 4.90574 65.0171 4.61777 65.6592 4.41827C66.3013 4.21876 66.9678 4.11846 67.6582 4.11846ZM6.6875 0.615533C6.6875 0.142286 7.20016 -0.153317 7.60938 0.083306L19.0693 6.69952C19.4783 6.93613 19.4781 7.52723 19.0693 7.76397L7.60938 14.3792C7.20023 14.6158 6.68768 14.3201 6.6875 13.848V11.0501L0.921875 14.3792C0.512729 14.6158 0.000183645 14.3201 0 13.848V0.615533C0 0.142286 0.512656 -0.153317 0.921875 0.083306L6.6875 3.41338V0.615533ZM52.8662 4.11944C54.2106 4.11947 5

15.3488 4.32894 56.2822 4.74737C57.2148 5.16494 57.9095 5.78889 58.3633 6.61846C58.818 7.44803 58.9839 8.47558 58.8633 9.69952H50.0137C50.074 10.2079 50.3435 10.6389 50.8213 10.9896C51.3001 11.3412 52.018 11.5159 52.9756 11.5159C53.8236 11.5159 54.4325 11.4198 54.8018 11.2259C55.1709 11.032 55.4396 10.7776 55.6094 10.4622L58.8262 10.8069C58.5599 11.8128 57.8989 12.5787 56.8447 13.1058C55.7906 13.6328 54.5009 13.8968 52.9746 13.8968V13.8958C51.7265 13.8958 50.6117 13.7081 49.6309 13.3323C48.6503 12.9566 47.8776 12.4053 47.3145 11.679C46.7512 10.9524 46.4688 10.0612 46.4688 9.00713C46.4688 7.953 46.735 7.04425 47.2686 6.31768C47.8012 5.59024 48.5505 5.04245 49.5137 4.67315C50.4768 4.30396 51.5942 4.11944 52.8662 4.11944ZM29.9238 0.556939C30.9166 0.556941 31.8648 0.660546 32.7676 0.866509C33.6695 1.07251 34.4766 1.42378 35.1855 1.92022C35.8944 2.41757 36.4533 3.11381 36.8662 4.01006L33.7588 4.97295C33.3951 4.29486 32.8841 3.84073 32.2236 3.60967C31.563 3.37958 30.6998 3.26498 29.6338 3.26495C28.7374 3.26495 28.0186 3.3588 27.4795 3.54717C26.9407 3.73547 26.6711 4.00426 26.6709 4.35479C26.6709 4.65822 26.8193 4.90045 27.1162 5.08233C27.4131 5.26417 27.9 5.39736 28.5791 5.48272L32.4316 5.95538C34.0062 6.1493 35.1582 6.55424 35.8848 7.17217C36.6113 7.79018 36.9756 8.60833 36.9756 9.62628C36.9755 10.5707 36.6843 11.3609 36.1025 11.9974C35.5207 12.633 34.7035 13.1096 33.6494 13.4241C32.5953 13.7387 31.3658 13.8958 29.9609 13.8958L29.96 13.8948C28.8335 13.8948 27.7851 13.7825 26.8164 13.5589C25.8467 13.3353 25.0045 12.96 24.29 12.4329C23.5748 11.9059 23.0246 11.1943 22.6367 10.2982L25.8896 9.33428C26.1318 9.7704 26.8198 11.1887 30.1787 11.1888C31.2328 11.1888 32.0334 11.0732 32.5781 10.8431C33.1225 10.613 33.3955 10.3161 33.3955 9.95245C33.3955 9.67409 33.2614 9.43739 32.9951 9.24346C32.7288 9.04957 32.2193 8.90992 31.4688 8.82549L27.9609 8.38995C26.3372 8.18394 25.126 7.7836 24.3262 7.18975C23.5265 6.59684 23.127 5.77205 23.127 4.71905C23.127 3.78647 23.4052 3.0141 23.9629 2.40167C24.5196 1.79025 25.3106 1.32977 26.335 1.02081C27.3584 0.711899 28.5544 0.556939 29.9238 0.556939ZM43.4521 4.33721H45.9092V7.12627H43.4521V13.678H39.9268V7.12627H37.6914V4.33721H39.999V2.3753L43.4521 1.44756V4.33721ZM79.998 13.678H76.3633V5.11846H72.7109V3.08233L79.998 0.774712V13.678ZM66.8945 6.51788C66.4463 6.51788 66.0002 6.59416 65.5576 6.74542C65.1152 6.89667 64.7526 7.14546 64.4678 7.49053C64.183 7.83564 64.0411 8.29299 64.041 8.86163V9.15264C64.041 9.71022 64.183 10.161 64.4678 10.5062C64.7526 10.8513 65.1151 11.1033 65.5576 11.261C65.9993 11.4188 66.4454 11.4974 66.8945 11.4974C67.415 11.4973 67.8843 11.4035 68.3027 11.2151C68.7203 11.0277 69.0573 10.755 69.3115 10.3978C69.5657 10.0406 69.6933 9.60732 69.6934 9.09893V8.91631C69.6933 8.14172 69.4196 7.54796 68.875 7.13604C68.3304 6.72422 67.67 6.51793 66.8945 6.51788ZM6.68848 11.0491L12.3799 7.76397C12.7886 7.52723 12.7888 6.93614 12.3799 6.69952L6.68848 3.41436V11.0491ZM52.9023 6.31768C51.9939 6.31768 51.3112 6.47157 50.8574 6.78057C50.403 7.08945 50.1278 7.46187 50.0312 7.89776H55.6465C55.574 7.38943 55.31 6.99863 54.8555 6.72588C54.4008 6.45314 53.7494 6.3177 52.9023 6.31768Z" fill="hsl(var(--primary))"></path></svg><div class="row-start-2 flex items-center gap-4 text-primary/80 md:justify-center"><a href="#">Showcase</a><a href="/blog">Blog</a><a href="#pricing">Pricing</a><a href="https://docs.step1.dev" target="_blank">Docs</a></div><div class="col-start-2 row-start-2 flex justify-end gap-4 text-primary/80 md:col-start-3"><a href="https://x.com/step1dev" target="_blank">Twitter</a><a href="https://discord.gg/rzHFVMfNky" target="_blank">Discord</a><a href="https://www.linkedin.com/company/infernet" target="_blank">LinkedIn</a></div></div><div class="mt-[5vh] text-sm text-primary/50"><span>Â© <!-- -->2026<!-- --> InferNet AI PTE.LTD. All rights reserved.</span></div></div><img src="assets/home-footer-bg.webp" class="w-full" alt="" width="1440" height="521" loading="lazy" decoding="async"/></div></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><!--$--><!--/$-->

1<script src="/_next/static/chunks/webpack-514cdb8bb4bcb745.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G" id="_R_" async=""></script>

1<script>(self.__next_f=self.__next_f||[]).push([0])</script>

1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[23276,[\"7177\",\"static/chunks/app/layout-2c835c8194bceea6.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\"],\"GoogleAnalytics\"]\n3:I[61790,[],\"\"]\n4:I[80852,[],\"\"]\n6:I[77111,[],\"OutletBoundary\"]\n8:I[80214,[],\"AsyncMetadataOutlet\"]\na:I[77111,[],\"ViewportBoundary\"]\nc:I[77111,[],\"MetadataBoundary\"]\nd:\"$Sreact.suspense\"\nf:I[84274,[\"1441\",\"static/chunks/1441-3cb713eccb26cba9.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"4219\",\"static/chunks/app/global-error-b5247b4b5cb3e6be.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\"],\"default\"]\n:HL[\"/_next/static/media/22a5144ee8d83bca-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/88232b2ace502c5c.css?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"style\"]\n:HL[\"/_next/static/css/df4759fa5e305564.css?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"style\"]\n"])</script>

1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"-87vbBzYQeHpuT9MOcj2R\",\"p\":\"\",\"c\":[\"\",\"gallery\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"gallery\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/88232b2ace502c5c.css?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/df4759fa5e305564.css?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"light __className_246ccd\",\"children\":[[\"$\",\"head\",null,{\"children\":[[[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"href\":\"/favicon-96x96.png\",\"sizes\":\"96x96\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/svg+xml\",\"href\":\"/favicon.svg\"}],[\"$\",\"link\",null,{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"180x180\",\"href\":\"/apple-touch-icon.png\"}],[\"$\",\"meta\",null,{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Step1\"}],[\"$\",\"link\",null,{\"rel\":\"manifest\",\"href\":\"/site.webmanifest\"}],[\"$\",\"script\",null,{\"defer\":true,\"src\":\"https://cloud.umami.is/script.js\",\"data-website-id\":\"046cd2fc-79cf-4e13-82a4-fe9dda2d0f1e\"}],false],[\"$\",\"meta\",null,{\"name\":\"google-site-verification\",\"content\":\"Uu4yYa402kXtKtLXjqkEiHe3Ue38KCSE2a7klw7o5lo\"}],[\"$\",\"$L2\",null,{\"gaId\":\"G-8XBTZHN9TM\"}]]}],[\"$\",\"body\",null,{\"className\":\"antialiased\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[\"gallery\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",null,[\"$\",\"$L6\",null,{\"children\":[\"$L7\",[\"$\",\"$L8\",null,{\"promise\":\"$@9\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$d\",null,{\"fallback\":null,\"children\":\"$Le\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"s\":false,\"S\":false}\n"])</script>

1<script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n7:null\n"])</script>

1<script>self.__next_f.push([1,"9:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Inspiration Gallery | Step1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Browse curated website inspirations you can remix with Step1. Explore modern layouts, styles, and interaction patterns for your next AI-built site.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"clone website,ai website builder,clone any website,no design skills,website design tool,step1,magic fusion,pixel perfect clone,designer-level website\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://step1.dev/gallery\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Inspiration Gallery | Step1\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Browse curated website inspirations you can remix with Step1. Explore modern layouts, styles, and interaction patterns for your next AI-built site.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://step1.dev/gallery\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"Step1\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://step1.dev/opengraph-image\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"Inspiration Gallery | Step1\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"Inspiration Gallery | Step1\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"Browse curated

1website inspirations you can remix with Step1. Explore modern layouts, styles, and interaction patterns for your next AI-built site.\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://step1.dev/opengraph-image\"}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>

1<script>self.__next_f.push([1,"e:\"$9:metadata\"\n"])</script>

1<script>self.__next_f.push([1,"10:T15a0,"])</script>

1<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"CollectionPage\",\"name\":\"Step1 Inspiration Gallery\",\"description\":\"Browse curated website inspirations you can remix with Step1. Explore modern layouts, styles, and interaction patterns for your next AI-built site.\",\"url\":\"https://step1.dev/gallery\",\"potentialAction\":{\"@type\":\"SearchAction\",\"target\":\"https://step1.dev/gallery?q={search_term_string}\",\"query-input\":\"required name=search_term_string\"},\"mainEntity\":{\"@type\":\"ItemList\",\"itemListOrder\":\"https://schema.org/ItemListOrderDescending\",\"numberOfItems\":36,\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"url\":\"https://step1.dev/gallery/w10fn23vJBWoxek_kDVtD\",\"name\":\"Grand Matter Agency Portfolio Layout\"},{\"@type\":\"ListItem\",\"position\":2,\"url\":\"https://step1.dev/gallery/quprIACDu8fXadSBWDTuH\",\"name\":\"Studio Lathe Minimalist Portfolio List\"},{\"@type\":\"ListItem\",\"position\":3,\"url\":\"https://step1.dev/gallery/cvB1JarItU-ldSRiKvg1m\",\"name\":\"Figma Landing Page Gallery Hero\"},{\"@type\":\"ListItem\",\"position\":4,\"url\":\"https://step1.dev/gallery/ZTr6rpUuomCdx0LZTcIL8\",\"name\":\"Egstad Minimalist Design Portfolio\"},{\"@type\":\"ListItem\",\"position\":5,\"url\":\"https://step1.dev/gallery/MTHd-indpww63ccVnLXF7\",\"name\":\"Squarespace Website Expired System Page\"},{\"@type\":\"ListItem\",\"position\":6,\"url\":\"https://step1.dev/gallery/U-Bh2PzmZ--PkohZPD3H9\",\"name\":\"Good Glyphs Font Showcase Landing Page\"},{\"@type\":\"ListItem\",\"position\":7,\"url\":\"https://step1.dev/gallery/WCoMa6QAg9hM87XxYMyXU\",\"name\":\"Context Gallery High-End Furniture Landing Page\"},{\"@type\":\"ListItem\",\"position\":8,\"url\":\"https://step1.dev/gallery/_D2prmoZp-ikOM1zVdhRq\",\"name\":\"Koichi Takada Architects Portfolio Home\"},{\"@type\":\"ListItem\",\"position\":9,\"url\":\"https://step1.dev/gallery/TjyRJZls7ffBOEf_k2jDo\",\"name\":\"Bruno Arizio Designer Portfolio Website\"},{\"@type\":\"ListItem\",\"position\":10,\"url\":\"https://step1.dev/gallery/H0Uoo6m3_8gtzPK9QnHw6\",\"name\":\"Lamanna's Bakery Vibrant Landing Page\"},{\"@type\":\"ListItem\",\"position\":11,\"url\":\"https://step1.dev/gallery/IfEmqGmyQrKUCHKhBnjFY\",\"name\":\"Neuralink Brain Technology Landing Page\"},{\"@type\":\"ListItem\",\"position\":12,\"url\":\"https://step1.dev/gallery/GNSK6xD6MOINHRPyjUAbh\",\"name\":\"Generative Music Visualization Portfolio Canvas\"},{\"@type\":\"ListItem\",\"position\":13,\"url\":\"https://step1.dev/gallery/IavRzGh4SaxK6ndTvMskV\",\"name\":\"Glein Minimalistic Bento Grid eCommerce\"},{\"@type\":\"ListItem\",\"position\":14,\"url\":\"https://step1.dev/gallery/-7Z9RSDmSDuCUAc_HqBfl\",\"name\":\"Niklas RosÃ©n Designer Portfolio Index\"},{\"@type\":\"ListItem\",\"position\":15,\"url\":\"https://step1.dev/gallery/lYrMII_BKY9woCLiQ1k0G\",\"name\":\"Dropmark Visual Organization Landing Page\"},{\"@type\":\"ListItem\",\"position\":16,\"url\":\"https://step1.dev/gallery/AY8PwhltRMl2EXpZjHU7i\",\"name\":\"Isla Beauty Skincare E-commerce Store\"},{\"@type\":\"ListItem\",\"position\":17,\"url\":\"https://step1.dev/gallery/2Yd-Zhw23mI9mPJQMAlOm\",\"name\":\"022aifang Link Gallery Landing Page\"},{\"@type\":\"ListItem\",\"position\":18,\"url\":\"https://step1.dev/gallery/KGjxb7oJihoRyM5HOiv3w\",\"name\":\"FidÃ¨le Editions Art Studio Store\"},{\"@type\":\"ListItem\",\"position\":19,\"url\":\"https://step1.dev/gallery/oSXBFnAb3_er2yBmWZiyN\",\"name\":\"Minimalist Dark Mode Loading Screen\"},{\"@type\":\"ListItem\",\"position\":20,\"url\":\"https://step1.dev/gallery/XE4DV-ZdnqdRleHCq9LsE\",\"name\":\"Christopher Doyle Agency Portfolio Layout\"},{\"@type\":\"ListItem\",\"position\":21,\"url\":\"https://step1.dev/gallery/xUIwuwB17BUazLr6Nd_rf\",\"name\":\"Monotype Variable Fonts Resource Gallery\"},{\"@type\":\"ListItem\",\"position\":22,\"url\":\"https://step1.dev/gallery/ZlY-wrZHUuMDjB0sON0zS\",\"name\":\"Vercel AI Cloud Landing Page\"},{\"@type\":\"ListItem\",\"position\":23,\"url\":\"https://step1.dev/gallery/dvFHBMdPA9jd6bmfZqiEQ\",\"name\":\"NewTab Studio Minimalist Portfolio Landing Page\"},{\"@type\":\"ListItem\",\"position\":24,\"url\":\"https://step1.dev/gallery/RYBFgTvh

1pkLTBiH7uerg4\",\"name\":\"Moving Parts SwiftUI Component Library\"},{\"@type\":\"ListItem\",\"position\":25,\"url\":\"https://step1.dev/gallery/09MPWJq4gH-5WtRy08eT8\",\"name\":\"Peggy Art Royalties Pitch Page\"},{\"@type\":\"ListItem\",\"position\":26,\"url\":\"https://step1.dev/gallery/XNbPsA3TE7o3kSAp6pfOJ\",\"name\":\"Depanneur Beverage E-commerce Hero\"},{\"@type\":\"ListItem\",\"position\":27,\"url\":\"https://step1.dev/gallery/NRBVCkxOAVlnyQIihdNOZ\",\"name\":\"Airbnb.org Relief Housing Landing Page\"},{\"@type\":\"ListItem\",\"position\":28,\"url\":\"https://step1.dev/gallery/hDZJDUU15odAmpSli3kiq\",\"name\":\"Stojo Collapsible E-commerce Storefront\"},{\"@type\":\"ListItem\",\"position\":29,\"url\":\"https://step1.dev/gallery/cPAIxcpP_KV51i4j7LzAL\",\"name\":\"LoveSeen Beauty E-commerce Landing Page\"},{\"@type\":\"ListItem\",\"position\":30,\"url\":\"https://step1.dev/gallery/caIsmMjoWSTmvnvhqGDTr\",\"name\":\"Basic.Space E-commerce Gallery Clone\"},{\"@type\":\"ListItem\",\"position\":31,\"url\":\"https://step1.dev/gallery/99i816PlYWwIMLeP-lgDI\",\"name\":\"How Many Plants Illustrated Hero\"},{\"@type\":\"ListItem\",\"position\":32,\"url\":\"https://step1.dev/gallery/9UMvPx7frKpGsgHHrLvVk\",\"name\":\"Google Holiday 100 Curator Landing Page\"},{\"@type\":\"ListItem\",\"position\":33,\"url\":\"https://step1.dev/gallery/h0iNFM19FCtc_dbW9w9kB\",\"name\":\"MA Quilts Textile Portfolio Site\"},{\"@type\":\"ListItem\",\"position\":34,\"url\":\"https://step1.dev/gallery/JvQ_y5sbjkS5mxUOEXgGB\",\"name\":\"SWWIM Social Agency Animated Hero\"},{\"@type\":\"ListItem\",\"position\":35,\"url\":\"https://step1.dev/gallery/WMoBvA2vvXeSX8bxXqs__\",\"name\":\"Mr. Marcel School Design Portfolio\"},{\"@type\":\"ListItem\",\"position\":36,\"url\":\"https://step1.dev/gallery/-Cii8OvETgiKcw3kasF85\",\"name\":\"MetaMusic Service Landing Page\"}]}}"])</script>

1<script>self.__next_f.push([1,"5:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$10\"}}],\"$L11\"]\n"])</script>

1<script>self.__next_f.push([1,"12:I[8401,[\"557\",\"static/chunks/557-b1cf6806bc213fa8.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"1441\",\"static/chunks/1441-3cb713eccb26cba9.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"6643\",\"static/chunks/6643-ec25aadfd3a689e2.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"4965\",\"static/chunks/4965-01e013c52d84cf93.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"2051\",\"static/chunks/2051-a9150d8004d2efb7.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"3068\",\"static/chunks/3068-8786913a357b7a43.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"4872\",\"static/chunks/4872-011ceb151d23378c.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"3937\",\"static/chunks/3937-5b4b2d54ed57a275.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\",\"6235\",\"static/chunks/app/gallery/page-03523a2fe87608c9.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G\"],\"GalleryPageEntry\"]\n"])</script>

1<script>self.__next_f.push([1,"11:[\"$\",\"$L12\",null,{\"items\":[{\"id\":\"w10fn23vJBWoxek_kDVtD\",\"url\":\"https://grandmatter.com\",\"title\":\"Grand Matter Agency Portfolio Layout\",\"description\":\"A creative agency site featuring a full-screen image hero, asymmetrical masonry work grids, and bold typography sections across a clean responsive layout.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-w10fn23vJBWoxek_kDVtD\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-w10fn23vJBWoxek_kDVtD\",\"video\":null,\"tags\":[\"agency\",\"magazine\",\"monochromatic\",\"parallax\",\"portfolio\",\"typography\"],\"colors\":[\"#f180ac\",\"#d11060\",\"#820641\",\"#ffffff\",\"#f9afce\",\"#e24185\"],\"viewCount\":138,\"remixCount\":2,\"createdAt\":\"$D2026-04-16T12:47:32.506Z\",\"updatedAt\":\"$D2026-04-16T12:47:32.506Z\"},{\"id\":\"quprIACDu8fXadSBWDTuH\",\"url\":\"https://studiolathe.com\",\"title\":\"Studio Lathe Minimalist Portfolio List\",\"description\":\"A high-contrast, minimalist portfolio layout featuring a dense list-based project index with flexible category labeling and a full-screen yellow background.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-quprIACDu8fXadSBWDTuH\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-quprIACDu8fXadSBWDTuH\",\"video\":null,\"tags\":[\"agency\",\"grid layout\",\"minimalist\",\"portfolio\",\"typography\"],\"colors\":[\"#ffff00\",\"#000000\",\"#ffffff\",\"#121212\",\"#efefef\"],\"viewCount\":85,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:47:29.366Z\",\"updatedAt\":\"$D2026-04-16T12:47:29.366Z\"},{\"id\":\"cvB1JarItU-ldSRiKvg1m\",\"url\":\"https://figma.com\",\"title\":\"Figma Landing Page Gallery Hero\",\"description\":\"A dynamic landing page featuring a center-focused search bar hero, a horizontally-scrolling interactive video carousel, and a clean brand logo grid.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-cvB1JarItU-ldSRiKvg1m\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-cvB1JarItU-ldSRiKvg1m\",\"video\":null,\"tags\":[\"horizontal scroll\",\"landing page\",\"magazine\",\"minimalist\",\"saas\",\"typography\"],\"colors\":[\"#ffffff\",\"#000000\",\"#5551ff\",\"#f0f0f0\",\"#101827\",\"#e2e2e2\"],\"viewCount\":153,\"remixCount\":11,\"createdAt\":\"$D2026-04-16T12:47:23.808Z\",\"updatedAt\":\"$D2026-04-16T12:47:23.808Z\"},{\"id\":\"ZTr6rpUuomCdx0LZTcIL8\",\"url\":\"https://egstad.com\",\"title\":\"Egstad Minimalist Design Portfolio\",\"description\":\"A refined Nuxt.js portfolio featuring bold variable typography, interactive canvas elements, and a clean grid-based layout for showcasing design work.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-ZTr6rpUuomCdx0LZTcIL8\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-ZTr6rpUuomCdx0LZTcIL8\",\"video\":null,\"tags\":[\"brutalism\",\"canvas\",\"minimalist\",\"portfolio\",\"typography\",\"whitespace\"],\"colors\":[\"#deddd6\",\"#262522\",\"#6b6b67\",\"#afafab\",\"#d1d0c9\",\"#9caebb\"],\"viewCount\":74,\"remixCount\":1,\"createdAt\":\"$D2026-04-16T12:47:14.322Z\",\"updatedAt\":\"$D2026-04-16T12:47:14.322Z\"},{\"id\":\"MTHd-indpww63ccVnLXF7\",\"url\":\"https://booksread.by\",\"title\":\"Squarespace Website Expired System Page\",\"description\":\"A minimal system error page layout featuring a centered modal box, dark overlay, and a primary call-to-action button for account recovery.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-MTHd-indpww63ccVnLXF7\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-MTHd-indpww63ccVnLXF7\",\"video\":null,\"tags\":[\"login\",\"minimalist\",\"system page\",\"typography\",\"whitespace\"],\"colors\":[\"#f5f5f5\",\"#ffffff\",\"#000000\",\"#404040\",\"#666666\",\"#222222\"],\"viewCount\":23,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:47:13.835Z\",\"updatedAt\":\"$D2026-04-16T12:47:13.835Z\"},{\"id\":\"U-Bh2PzmZ--PkohZPD3H9\",\"url\":\"https://goodglyphs.com\",\"title\":\"Good Glyphs Font Showcase Landing Page\",\"description\":\"A single-page layout featuring an interactive type tester, donation form with custom amount logic, and a contributor gallery using swiper-based glyph previews.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-U-Bh2PzmZ--PkohZPD3H9\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-U-Bh2PzmZ--PkohZPD3H9\",\"video\":null,\"tags\":[\"brutalism\",\"grid layout\",\"illustration\",\"landing page\",\"minimalist\",\"typography\"],\"colors\":[\"#c6ffd0\",\"#000000\",\"#ffffff\",\"#666666\",\"#333333\"],\"viewCount\":76,\"remixCount\":4,\"createdAt\":\"$D2026-04-16T12:47:04.838Z\",\"updatedAt\":\"$D2026-04-16T12:47:04.838Z\"},{\"id\":\"WCoMa6QAg9hM87XxYMyXU\",\"url\":\"https://contextgallery.com\",\"title\":\"Context Gallery High-End Furniture Landing Page\",\"description\":\"A minimal editorial layout featuring a multi-column product carousel, designer biographies with image-text pairings, and a magazine-style content grid for curated design stories.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-WCoMa6QAg9hM87XxYMyXU\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-WCoMa6QAg9hM87XxYMyXU\",\"video\":null,\"tags\":[\"e-commerce\",\"grid layout\",\"magazine\",\"minimalist\",\"photography\",\"typography\"],\"colors\":[\"#ffffff\",\"#000000\",\"#135272\",\"#7c7c7c\",\"#f2f2f2\",\"#c6c6c2\"],\"viewCount\":43,\"remixCount\":2,\"createdAt\":\"$D2026-04-16T12:47:01.879Z\",\"updatedAt\":\"$D2026-04-16T12:47:01.879Z\"},{\"id\":\"_D2prmoZp-ikOM1zVdhRq\",\"url\":\"https://koichitakada.com\",\"title\":\"Koichi Takada Architects Portfolio Home\",\"description\":\"A high-end architectural portfolio featuring a split-screen layout with an interactive project slider, sticky typography, and smooth transition animations.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-_D2prmoZp-ikOM1zVdhRq\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-_D2prmoZp-ikOM1zVdhRq\",\"video\":null,\"tags\":[\"asymmetric\",\"immer

1sive\",\"minimalist\",\"page transitions\",\"photography\",\"portfolio\"],\"colors\":[\"#ffffff\",\"#000000\",\"#1d3a6d\",\"#c69b6d\",\"#b8b0a9\",\"#343434\"],\"viewCount\":40,\"remixCount\":4,\"createdAt\":\"$D2026-04-16T12:46:57.446Z\",\"updatedAt\":\"$D2026-04-16T12:46:57.446Z\"},{\"id\":\"TjyRJZls7ffBOEf_k2jDo\",\"url\":\"https://brunoarizio.com\",\"title\":\"Bruno Arizio Designer Portfolio Website\",\"description\":\"A minimalist creative director portfolio featuring a clean typographic layout, side-aligned image previews, and high-contrast spacing patterns suitable for luxury or design showcases.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-TjyRJZls7ffBOEf_k2jDo\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-TjyRJZls7ffBOEf_k2jDo\",\"video\":null,\"tags\":[\"asymmetric\",\"horizontal scroll\",\"minimalist\",\"portfolio\",\"typography\",\"whitespace\"],\"colors\":[\"#ffffff\",\"#000000\",\"#f8f8f8\",\"#d2c7b5\",\"#7e7e7e\"],\"viewCount\":144,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:46:56.525Z\",\"updatedAt\":\"$D2026-04-16T12:46:56.525Z\"},{\"id\":\"H0Uoo6m3_8gtzPK9QnHw6\",\"url\":\"https://lamannabakery.com\",\"title\":\"Lamanna's Bakery Vibrant Landing Page\",\"description\":\"A bold, high-contrast Italian bakery site featuring massive typography, parallax floating elements, marquee banners, and a flickity-powered product carousel.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-H0Uoo6m3_8gtzPK9QnHw6\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-H0Uoo6m3_8gtzPK9QnHw6\",\"video\":null,\"tags\":[\"brutalism\",\"grid layout\",\"landing page\",\"parallax\",\"promotional\",\"typography\"],\"colors\":[\"#ff4100\",\"#ffcc00\",\"#ffffff\",\"#000000\",\"#f871a3\"],\"viewCount\":41,\"remixCount\":6,\"createdAt\":\"$D2026-04-16T12:46:53.946Z\",\"updatedAt\":\"$D2026-04-16T12:46:53.946Z\"},{\"id\":\"IfEmqGmyQrKUCHKhBnjFY\",\"url\":\"https://neuralink.com\",\"title\":\"Neuralink Brain Technology Landing Page\",\"description\":\"A high-tech medical landing page featuring an immersive video hero section, typewriter animation effects, and a custom swiper carousel with integrated video testimonials.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-IfEmqGmyQrKUCHKhBnjFY\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-IfEmqGmyQrKUCHKhBnjFY\",\"video\":null,\"tags\":[\"corporate\",\"immersive\",\"landing page\",\"parallax\",\"photography\",\"typography\"],\"colors\":[\"#000000\",\"#ffffff\",\"#121212\",\"#343434\",\"#6b4ea3\",\"#e2e2e2\"],\"viewCount\":29,\"remixCount\":1,\"createdAt\":\"$D2026-04-16T12:46:46.315Z\",\"updatedAt\":\"$D2026-04-16T12:46:46.315Z\"},{\"id\":\"GNSK6xD6MOINHRPyjUAbh\",\"url\":\"https://ezekielaquino.com\",\"title\":\"Generative Music Visualization Portfolio Canvas\",\"description\":\"A creative coding project featuring a generative musical score on a dynamic canvas with a play/pause interaction and custom notation rendering.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-GNSK6xD6MOINHRPyjUAbh\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-GNSK6xD6MOINHRPyjUAbh\",\"video\":null,\"tags\":[\"canvas\",\"generative\",\"immer

1sive\",\"minimalist\",\"portfolio\",\"typography\"],\"colors\":[\"#f5f5f5\",\"#000000\",\"#333333\",\"#666666\",\"#999999\"],\"viewCount\":34,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:46:39.188Z\",\"updatedAt\":\"$D2026-04-16T12:46:39.188Z\"},{\"id\":\"IavRzGh4SaxK6ndTvMskV\",\"url\":\"https://glein.wien\",\"title\":\"Glein Minimalistic Bento Grid eCommerce\",\"description\":\"A clean, modular layout using a bento-style responsive grid of text teasers and large-scale product imagery for lookbooks and collection browsing.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-IavRzGh4SaxK6ndTvMskV\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-IavRzGh4SaxK6ndTvMskV\",\"video\":null,\"tags\":[\"e-commerce\",\"grid layout\",\"magazine\",\"minimalist\",\"photography\",\"typography\"],\"colors\":[\"#ffffff\",\"#000000\",\"#a4a4a4\",\"#8e84a2\",\"#9e714a\",\"#d1ccbf\",\"#343431\"],\"viewCount\":39,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:46:32.233Z\",\"updatedAt\":\"$D2026-04-16T12:46:32.233Z\"},{\"id\":\"-7Z9RSDmSDuCUAc_HqBfl\",\"url\":\"https://niklasrosen.se\",\"title\":\"Niklas RosÃ©n Designer Portfolio Index\",\"description\":\"A minimalist, responsive grid-based portfolio index featuring a clean 16-column layout, typographic list components, and a custom dark mode transition.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb--7Z9RSDmSDuCUAc_HqBfl\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery--7Z9RSDmSDuCUAc_HqBfl\",\"video\":null,\"tags\":[\"agency\",\"dark mode\",\"grid layout\",\"minimalist\",\"portfolio\",\"typography\"],\"colors\":[\"#0000ff\",\"#ffffff\",\"#000000\",\"#e2e2e2\",\"#808080\"],\"viewCount\":33,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:46:27.891Z\",\"updatedAt\":\"$D2026-04-16T12:46:27.891Z\"},{\"id\":\"lYrMII_BKY9woCLiQ1k0G\",\"url\":\"https://dropmark.com\",\"title\":\"Dropmark Visual Organization Landing Page\",\"description\":\"Features a clean minimalist hero section with split-action buttons, a vibrant vector illustration footer, and an interactive horizontal flickity carousel for case studies.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-lYrMII_BKY9woCLiQ1k0G\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-lYrMII_BKY9woCLiQ1k0G\",\"video\":null,\"tags\":[\"horizontal scroll\",\"illustration\",\"landing page\",\"minimalist\",\"saas\",\"whitespace\"],\"colors\":[\"#ffffff\",\"#00affa\",\"#3d3e3f\",\"#444444\",\"#7e5bef\",\"#ff5233\"],\"viewCount\":33,\"remixCount\":3,\"createdAt\":\"$D2026-04-16T12:46:26.889Z\",\"updatedAt\":\"$D2026-04-16T12:46:26.889Z\"},{\"id\":\"AY8PwhltRMl2EXpZjHU7i\",\"url\":\"https://isla-beauty.com\",\"title\":\"Isla Beauty Skincare E-commerce Store\",\"description\":\"A clean Shopify-based storefront featuring a split-hero landing page, a step-by-step product system carousel, and a split-screen testimonial section with localized product image sidebars.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-AY8PwhltRMl2EXpZjHU7i\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-AY8PwhltRMl2EXpZjHU7i\",\"video\":null,\"tags\":[\"e-commerce\",\"grid layout\",\"minimalist\",\"photography\",\"typography\",\"whitespace\"],\"colors\":[\"#e4263d\",\"#ffffff\",\"#000000\",\"#f7f7f7\",\"#333333\"],\"viewCount\":45,\"remixCount\":3,\"createdAt\":\"$D2026-04-16T12:46:25.800Z\",\"updatedAt\":\"$D2026-04-16T12:46:25.800Z\"},{\"id\":\"2Yd-Zhw23mI9mPJQMAlOm\",\"url\":\"https://chapter20care.com\",\"title\":\"022aifang Link Gallery Landing Page\",\"description\":\"A dark-themed directory layout featuring symmetrical chevron side graphics and a centralized stack of hover-active navigation cards for resource links.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-2Yd-Zhw23mI9mPJQMAlOm\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-2Yd-Zhw23mI9mPJQMAlOm\",\"video\":null,\"tags\":[\"dark mode\",\"directory\",\"geometry\",\"landing page\",\"link gallery\",\"minimalist\"],\"colors\":[\"#0b1019\",\"#2d3a47\",\"#ffffff\",\"#a1b2c4\",\"#1c2633\",\"#131a25\"],\"viewCount\":12,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:46:19.346Z\",\"updatedAt\":\"$D2026-04-16T12:46:19.346Z\"},{\"id\":\"KGjxb7oJihoRyM5HOiv3w\",\"url\":\"https://fidele-editions.com\",\"title\":\"FidÃ¨le Editions Art Studio Store\",\"description\":\"A minimalist e-commerce layout featuring a high-impact video hero, horizontal product carousels with hover-triggered image swaps, and a clean editorial-style blog section.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-KGjxb7oJihoRyM5HOiv3w\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-KGjxb7oJihoRyM5HOiv3w\",\"video\":null,\"tags\":[\"e-commerce\",\"magazine\",\"minimalist\",\"photography\",\"typography\"],\"colors\":[\"#ffffff\",\"#1e69d2\",\"#00195a\",\"#404040\",\"#e9ebec\"],\"viewCount\":20,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:46:08.232Z\",\"updatedAt\":\"$D2026-04-16T12:46:08.232Z\"},{\"id\":\"oSXBFnAb3_er2yBmWZiyN\",\"url\":\"https://selection.minimalissimo.shop\",\"title\":\"Minimalist Dark Mode Loading Screen\",\"description\":\"A clean, dark-themed redirection page featuring a centered typography layout and a CSS circular loading spinner for asynchronous processing states.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-oSXBFnAb3_er2yBmWZiyN\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-oSXBFnAb3_er2yBmWZiyN\",\"video\":null,\"tags\":[\"black and white\",\"dark mode\",\"landing page\",\"minimalist\",\"typography\"],\"colors\":[\"#121212\",\"#ffffff\",\"#ebebeb\",\"#212121\",\"#404040\"],\"viewCount\":19,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:46:04.877Z\",\"updatedAt\":\"$D2026-04-16T12:46:04.877Z\"},{\"id\":\"XE4DV-ZdnqdRleHCq9LsE\",\"url\":\"https://christopherdoyle.co\",\"title\":\"Christopher Doyle Agency Portfolio Layout\",\"description\":\"A minimalist, typography-led portfolio featuring a wide-margin grid system, smooth fade-in animations, and simple image-focused project cards.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-XE4DV-ZdnqdRleHCq9LsE\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-XE4DV-ZdnqdRleHCq9LsE\",\"video\":null,\"tags\":[\"agency\",\"minimalist\",\"photography\",\"portfolio\",\"typography\",\"whitespace\"],\"colors\":[\"#ffffff\",\"#000000\",\"#999999\",\"#7e7e7e\",\"#f5f5f5\"],\"viewCount\":119,\"remixCount\":3,\"createdAt\":\"$D2026-04-16T12:46:00.195Z\",\"updatedAt\":\"$D2026-04-16T12:46:00.195Z\"},{\"id\":\"xUIwuwB17BUazLr6Nd_rf\",\"url\":\"https://variable-fonts.com\",\"title\":\"Monotype Variable Fonts Resource Gallery\",\"description\":\"A clean masonry grid layout featuring content cards with hover-state overlays, category filtering, and responsive image scaling for a media-rich resource center.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-xUIwuwB17BUazLr6Nd_rf\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-xUIwuwB17BUazLr6Nd_rf\",\"video\":null,\"tags\":[\"blog\",\"corporate\",\"grid layout\",\"minimalist\",\"photography\",\"typography\"],\"colors\":[\"#ffffff\",\"#1c2227\",\"#136eda\",\"#4a4a4a\",\"#666666\",\"#e6e6e6\"],\"viewCount\":11,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:45:50.

1012Z\",\"updatedAt\":\"$D2026-04-16T12:45:50.012Z\"},{\"id\":\"ZlY-wrZHUuMDjB0sON0zS\",\"url\":\"https://vercel.com\",\"title\":\"Vercel AI Cloud Landing Page\",\"description\":\"A modern landing page featuring a minimalist dark-themed navbar, a grid-overlay hero section with radial color gradients, and high-contrast typography for customer success stories.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-ZlY-wrZHUuMDjB0sON0zS\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-ZlY-wrZHUuMDjB0sON0zS\",\"video\":null,\"tags\":[\"dark mode\",\"gradients\",\"grid layout\",\"landing page\",\"saas\",\"typography\"],\"colors\":[\"#ffffff\",\"#000000\",\"#fafafa\",\"#666666\",\"#0070f3\",\"#ebebeb\"],\"viewCount\":64,\"remixCount\":1,\"createdAt\":\"$D2026-04-16T12:45:47.736Z\",\"updatedAt\":\"$D2026-04-16T12:45:47.736Z\"},{\"id\":\"dvFHBMdPA9jd6bmfZqiEQ\",\"url\":\"https://newtab-studio.com\",\"title\":\"NewTab Studio Minimalist Portfolio Landing Page\",\"description\":\"A clean, typography-focused landing page featuring an oversized SVG/canvas hero title, a top-aligned navigation bar, and a minimalist footer layout.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-dvFHBMdPA9jd6bmfZqiEQ\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-dvFHBMdPA9jd6bmfZqiEQ\",\"video\":null,\"tags\":[\"agency\",\"canvas\",\"minimalist\",\"portfolio\",\"typography\",\"whitespace\"],\"colors\":[\"#ffffff\",\"#000000\",\"#050505\",\"#0a0a0a\",\"#0f0f0f\"],\"viewCount\":96,\"remixCount\":3,\"createdAt\":\"$D2026-04-16T12:45:44.224Z\",\"updatedAt\":\"$D2026-04-16T12:45:44.224Z\"},{\"id\":\"RYBFgTvhpkLTBiH7uerg4\",\"url\":\"https://movingparts.io\",\"title\":\"Moving Parts SwiftUI Component Library\",\"description\":\"A high-performance landing page featuring a interactive code comparison toggle, animated mobile UI previews, and a clean minimalist aesthetic for developer tools.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-RYBFgTvhpkLTBiH7uerg4\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-RYBFgTvh

1pkLTBiH7uerg4\",\"video\":null,\"tags\":[\"animated background\",\"geometry\",\"landing page\",\"minimalist\",\"saas\",\"typography\"],\"colors\":[\"#ffffff\",\"#000000\",\"#0000ff\",\"#f5f5f7\",\"#c5ccd6\",\"#011e3b\",\"#e2e4e9\"],\"viewCount\":25,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:45:37.267Z\",\"updatedAt\":\"$D2026-04-16T12:45:37.267Z\"},{\"id\":\"09MPWJq4gH-5WtRy08eT8\",\"url\":\"https://peggy.com/royalties\",\"title\":\"Peggy Art Royalties Pitch Page\",\"description\":\"A clean storytelling layout featuring alternating image-text sections, a three-column testimonial grid with circular avatars, and a icon-based feature grid for brand values.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-09MPWJq4gH-5WtRy08eT8\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-09MPWJq4gH-5WtRy08eT8\",\"video\":null,\"tags\":[\"grid layout\",\"landing page\",\"minimalist\",\"photography\",\"typography\",\"web3\"],\"colors\":[\"#ffffff\",\"#000000\",\"#f3f4f6\",\"#4b5563\",\"#e2e8f0\",\"#111827\"],\"viewCount\":9,\"remixCount\":1,\"createdAt\":\"$D2026-04-16T12:45:29.049Z\",\"updatedAt\":\"$D2026-04-16T12:45:29.049Z\"},{\"id\":\"XNbPsA3TE7o3kSAp6pfOJ\",\"url\":\"https://depanneur.dk\",\"title\":\"Depanneur Beverage E-commerce Hero\",\"description\":\"A minimalist Shopify storefront featuring a full-screen background video hero, sticky translucent navigation, and integrated mobile menu components.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-XNbPsA3TE7o3kSAp6pfOJ\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-XNbPsA3TE7o3kSAp6pfOJ\",\"video\":null,\"tags\":[\"animated background\",\"e-commerce\",\"immersive\",\"minimalist\",\"promotional\",\"typography\"],\"colors\":[\"#000000\",\"#ffffff\",\"#c1171d\",\"#f6e94e\",\"#98ccdf\",\"#4e2b0c\",\"#9b9793\"],\"viewCount\":48,\"remixCount\":2,\"createdAt\":\"$D2026-04-16T12:45:26.719Z\",\"updatedAt\":\"$D2026-04-16T12:45:26.719Z\"},{\"id\":\"NRBVCkxOAVlnyQIihdNOZ\",\"url\":\"https://airbnb.org\",\"title\":\"Airbnb.org Relief Housing Landing Page\",\"description\":\"A clean nonprofit landing page featuring a minimalist logo header, high-contrast CTA buttons, centered typography hero section, and an embedded video container.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-NRBVCkxOAVlnyQIihdNOZ\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-NRBVCkxOAVlnyQIihdNOZ\",\"video\":null,\"tags\":[\"corporate\",\"landing page\",\"minimalist\",\"non-profit\",\"photography\",\"whitespace\"],\"colors\":[\"#ffffff\",\"#ff385c\",\"#222222\",\"#717171\",\"#f7f7f7\",\"#773d2f\"],\"viewCount\":15,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:45:21.723Z\",\"updatedAt\":\"$D2026-04-16T12:45:21.723Z\"},{\"id\":\"hDZJDUU15odAmpSli3kiq\",\"url\":\"https://stojo.co\",\"title\":\"Stojo Collapsible E-commerce Storefront\",\"description\":\"A Shopify layout featuring a prominent discount modal, mosaic grid hero sections, and clean product cards with integrated color swatches and quick-buy functionality.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-hDZJDUU15odAmpSli3kiq\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-hDZJDUU15odAmpSli3kiq\",\"video\":null,\"tags\":[\"e-commerce\",\"grid layout\",\"minimalist\",\"photography\",\"typography\"],\"colors\":[\"#f6f6f7\",\"#000000\",\"#ffffff\",\"#fac0c7\",\"#349ebf\"],\"viewCount\":9,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:45:17.303Z\",\"updatedAt\":\"$D2026-04-16T12:45:17.303Z\"},{\"id\":\"cPAIxcpP_KV51i4j7LzAL\",\"url\":\"https://loveseen.com\",\"title\":\"LoveSeen Beauty E-commerce Landing Page\",\"description\":\"A high-impact beauty retail site featuring a split-screen full-bleed hero image, minimalist navigation, and a horizontally scrolling user-generated content (UGC) Instagram slider.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-cPAIxcpP_KV51i4j7LzAL\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-cPAIxcpP_KV51i4j7LzAL\",\"video\":null,\"tags\":[\"e-commerce\",\"magazine\",\"minimalist\",\"photography\",\"typography\"],\"colors\":[\"#faf6f5\",\"#00091b\",\"#000000\",\"#ffffff\",\"#9e7b6d\",\"#e2a19b\"],\"viewCount\":14,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:45:11.773Z\",\"updatedAt\":\"$D2026-04-16T12:45:11.773Z\"},{\"id\":\"caIsmMjoWSTmvnvhqGDTr\",\"url\":\"https://basic.space\",\"title\":\"Basic.Space E-commerce Gallery Clone\",\"description\":\"A minimalist product marketplace featuring a clean sticky navigation bar, nested flyout menus, and a horizontally scrollable product carousel with hover-state image switching.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-caIsmMjoWSTmvnvhqGDTr\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-caIsmMjoWSTmvnvhqGDTr\",\"video\":null,\"tags\":[\"e-commerce\",\"grid layout\",\"magazine\",\"minimalist\",\"photography\",\"typography\"],\"colors\":[\"#0000ff\",\"#ffffff\",\"#f9f9f9\",\"#000000\",\"#f3f4f6\",\"#d1d5db\"],\"viewCount\":23,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:45:09.539Z\",\"updatedAt\":\"$D2026-04-16T12:45:09.539Z\"},{\"id\":\"99i816PlYWwIMLeP-lgDI\",\"url\":\"https://howmanyplants.com\",\"title\":\"How Many Plants Illustrated Hero\",\"description\":\"A unique houseplant resource featuring layered SVG shelf layouts with hover-triggered animations, interactive image masks, and alternating content sections for educational guides.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-99i816PlYWwIMLeP-lgDI\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-99i816PlYWwIMLeP-lgDI\",\"video\":null,\"tags\":[\"animated background\",\"asymmetric\",\"blog\",\"

1illustration\",\"typography\"],\"colors\":[\"#f9f6e5\",\"#1a1b1a\",\"#b0b632\",\"#ffffff\",\"#f37c5f\",\"#d8cadc\"],\"viewCount\":35,\"remixCount\":2,\"createdAt\":\"$D2026-04-16T12:45:05.114Z\",\"updatedAt\":\"$D2026-04-16T12:45:05.114Z\"},{\"id\":\"9UMvPx7frKpGsgHHrLvVk\",\"url\":\"https://shopping.google.com/m/bestthings\",\"title\":\"Google Holiday 100 Curator Landing Page\",\"description\":\"A minimalist e-commerce showcase featuring a wide hero section, clean search integration, and a bold typography-driven header designed for trending product collections.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-9UMvPx7frKpGsgHHrLvVk\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-9UMvPx7frKpGsgHHrLvVk\",\"video\":null,\"tags\":[\"e-commerce\",\"landing page\",\"minimalist\",\"promotional\",\"typography\",\"whitespace\"],\"colors\":[\"#ffffff\",\"#1f1f1f\",\"#1a73e8\",\"#f8f9fa\",\"#344e86\",\"#e2cfc1\",\"#6b9bc1\"],\"viewCount\":12,\"remixCount\":1,\"createdAt\":\"$D2026-04-16T12:45:04.905Z\",\"updatedAt\":\"$D2026-04-16T12:45:04.905Z\"},{\"id\":\"h0iNFM19FCtc_dbW9w9kB\",\"url\":\"https://maquilts.com\",\"title\":\"MA Quilts Textile Portfolio Site\",\"description\":\"A vibrant portfolio layout featuring a two-column animated hero, horizontal marquee text, and dynamic CMS-driven grid galleries for showcasing artistic products and blog posts.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-h0iNFM19FCtc_dbW9w9kB\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-h0iNFM19FCtc_dbW9w9kB\",\"video\":null,\"tags\":[\"asymmetric\",\"geometry\",\"grid layout\",\"photography\",\"portfolio\",\"typography\"],\"colors\":[\"#fff09a\",\"#f3712b\",\"#ffd6d6\",\"#233246\",\"#ffffff\",\"#ee837c\"],\"viewCount\":8,\"remixCount\":1,\"createdAt\":\"$D2026-04-16T12:44:57.069Z\",\"updatedAt\":\"$D2026-04-16T12:44:57.069Z\"},{\"id\":\"JvQ_y5sbjkS5mxUOEXgGB\",\"url\":\"https://weswwim.com\",\"title\":\"SWWIM Social Agency Animated Hero\",\"description\":\"A dynamic landing page featuring a wave-layered layout, ticker-tape marquees, floating SVG illustrations, and high-contrast typography in a blue-and-white nautical aesthetic.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-JvQ_y5sbjkS5mxUOEXgGB\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-JvQ_y5sbjkS5mxUOEXgGB\",\"video\":null,\"tags\":[\"agency\",\"asymmetric\",\"landing page\",\"marquee\",\"parallax\",\"typography\"],\"colors\":[\"#1b56ac\",\"#0b3c85\",\"#ffffff\",\"#000000\",\"#f7f7f7\",\"#072a5e\"],\"viewCount\":48,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:44:53.100Z\",\"updatedAt\":\"$D2026-04-16T12:44:53.100Z\"},{\"id\":\"WMoBvA2vvXeSX8bxXqs__\",\"url\":\"http://mrmarcelschool.com\",\"title\":\"Mr. Marcel School Design Portfolio\",\"description\":\"A creative education site featuring artistic geometric headers, card-based course layouts, slider-driven testimonial sections, and a structured calendar for academic scheduling.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb-WMoBvA2vvXeSX8bxXqs__\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery-WMoBvA2vvXeSX8bxXqs__\",\"video\":null,\"tags\":[\"asymmetric\",\"corporate\",\"geometry\",\"magazine\",\"minimalist\",\"typography\"],\"colors\":[\"#f7c8b9\",\"#fee9ad\",\"#222222\",\"#000000\",\"#ffffff\",\"#eee1d3\"],\"viewCount\":30,\"remixCount\":1,\"createdAt\":\"$D2026-04-16T12:44:47.723Z\",\"updatedAt\":\"$D2026-04-16T12:44:47.723Z\"},{\"id\":\"-Cii8OvETgiKcw3kasF85\",\"url\":\"https://metamusic.ca\",\"title\":\"MetaMusic Service Landing Page\",\"description\":\"Features a horizontal scrolling card deck, animated SVG illustrations, a partner logo marquee, and a multi-step process layout with notched corner UI components.\",\"thumbnail\":\"https://static.step1.dev/screenshot/gallery-thumb--Cii8OvETgiKcw3kasF85\",\"screenshot\":\"https://static.step1.dev/screenshot/gallery--Cii8OvETgiKcw3kasF85\",\"video\":null,\"tags\":[\"gsap\",\"horizontal scroll\",\"illustration\",\"landing page\",\"saas\",\"typography\"],\"colors\":[\"#ffffff\",\"#0066cc\",\"#000000\",\"#f5f5f5\",\"#2d2d2d\",\"#d1b3ff\",\"#4a4a4a\"],\"viewCount\":19,\"remixCount\":0,\"createdAt\":\"$D2026-04-16T12:44:47.116Z\",\"updatedAt\":\"$D2026-04-16T12:44:47.116Z\"}],\"hasMore\":true,\"nextCursor\":881,\"normalizedKeyword\":\"$undefined\",\"currentCursor\":\"$undefined\"}]\n"])</script>

1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.