Prototype and design reference links. Not the live store.
① Mega menu — focused header only. Preset 1–6 compares mega layouts. Not the new PLP filter pattern.
② Filter / listing — Microphones PLP: filter drawer, Pills / Inline toggle, grid, badges.
③ Full redesign (v2.67) — all pages in one scroll file. Megas here are the older treatment (before ①). Gray row under black bar = in-file page switcher.
Header + megas + Preset 1–6. Compare mega layouts side by side.
Filter drawer · Pills / Inline row toggle · product grid · badges.
v2.67 · homepage, category, product, FAQ, deals, sell, studio, financing, open box.
43 pages built · build queue · progress tracker · links to every secondary page.
3 hero variants · 2 body modules · trust + explore strips · agency hand-off spec.
Color rules · typography scale · badge system · hero patterns · page type classification.
Page Layouts — visual catalog of every hero, body section, and page-type recipe. The "Lego" reference for designers and agencies.
PLP — Default — canonical category page (dark strip hero, no photo). Standard transactional layout.
PLP — Spotlight — category page with dark 50/50 featured hero. Used for hero brand or featured drop.
11 hero variants · ~25 body sections · 8 page-type recipes · live demo links on every block.
Dark strip hero (no photo) · pill filters · inline quick row · 3-up product grid. Standard transactional layout.
Dark 50/50 featured hero with product photo · pill filters · grid. For hero brand or featured drop.