{ "slug": "strade", "name": "STRADE", "title": "Free sneaker store website template", "description": "Free HTML sneaker store website template for streetwear and clothing shops, with a lookbook and repairs. AGENTS.md for Claude Code, or no code with 8B.", "kind": "One-page website for an independent streetwear and sneaker shop with a product drop, repairs and stores", "summary": "A one-page site for a two-store streetwear shop: a single product drop with specs and a price, a five-look lookbook that runs sideways, a wear-test log, a free repair service in three steps, store hours, a Saturday run club, five questions and a contact form. Pale green ground, near-black type and one lime accent, with heavy uppercase headings.", "fits": [ "streetwear, sneaker or independent clothing shop", "a brand with a single limited product drop and a release date", "a repair, resale or take-back service attached to a shop", "any local retailer with two locations and a community event" ], "categories": [ "Shop" ], "tags": [ "streetwear", "clothing store", "sneaker shop", "product drop", "lookbook", "repair service", "run club", "store hours", "fashion", "lime", "uppercase type", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 64, "photos": 13, "fonts": [ "Host Grotesk", "Schibsted Grotesk" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 108+, Safari 15.4+, Firefox 121+ (it uses :has(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "top-nav", "heading": "", "about": "fixed top bar: wordmark, three links (Shop, Repairs, Stores) and three icon links" }, { "key": "drop", "id": "drop", "heading": "Drop 07: Concrete Low", "about": "first screen: headline of the product drop, a paragraph, a photo, a spec list and a reminder button" }, { "key": "lookbook", "id": "lookbook", "heading": "Five ways to wear October", "about": "five outfits with photo, name and three priced pieces, shown as a sideways rail" }, { "key": "wear-test", "id": "wear-test", "heading": "Worn on the city before it is sold", "about": "heading, paragraph, a tall photo and a wear-test table of five pieces" }, { "key": "repair", "id": "repair", "heading": "Repairs for life", "about": "heading, paragraph and button, then three step cards with photos" }, { "key": "stores", "id": "stores", "heading": "Two stores, one repair bench", "about": "two store cards with photo, address, opening hours table and a directions link" }, { "key": "club", "id": "club", "heading": "Saturday run club", "about": "run club panel: heading, paragraph, button, a night photo and three pace lanes" }, { "key": "faq", "id": "faq", "heading": "Before you ask", "about": "five questions and answers in native
elements" }, { "key": "contact", "id": "contact", "heading": "Say hello", "about": "large \"Say hello\" wordmark, a paragraph with email and phone, and a message form" }, { "key": "footer", "id": "footer", "heading": "", "about": "logo, six links, the two store addresses and a small print line" } ], "placeholders": [ "og-image", "favicon", "map", "email", "phone", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/sneaker-store-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/sneaker-store-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/sneaker-store-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/sneaker-store-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/sneaker-store-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for . Replace first the shop name, euro prices, Porto and Rotterdam details, VAT line. Keep the ids, data-8b-section, data-8b-motion and data-8b-part, the selectors AGENTS.md lists and the two word spans of the contact wordmark. Ask me for missing facts; never invent prices, hours, addresses or contacts." }, "links": { "page": "https://8b.com/templates/strade/", "md": "https://8b.com/templates/strade.md", "json": "https://8b.com/templates/strade.json", "demo": "https://8b.com/templates/strade/demo.html", "ghDemo": "https://8bsite.github.io/sneaker-store-website-template/", "repo": "https://github.com/8bsite/sneaker-store-website-template", "zip": "https://8b.com/templates/strade/sneaker-store-website-template.zip", "use": "https://github.com/new?template_name=sneaker-store-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/sneaker-store-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/sneaker-store-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/sneaker-store-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/sneaker-store-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/sneaker-store-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/sneaker-store-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/strade/desktop.webp", "phone": "https://8b.com/templates/strade/phone.webp", "clip": "https://8b.com/templates/strade/scroll.mp4", "og": "https://8b.com/templates/strade/og.jpg", "design_md": "https://8b.com/templates/strade/DESIGN.md" }, "github": { "repo": "8bsite/sneaker-store-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "website-templates", "streetwear", "clothing-store", "sneaker-store", "lookbook", "html5", "agents-md", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "cursor-ai", "static-site", "mit-license", "vibe-coding", "claude-code" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }