ROUTE:
/Asymmetric Split Lookbook & Collection
Pairs sticky editorial thesis on the left with scrolling specimen plates on the right.
Hydration: Zero-JS SSREditorial Workshop is art-directed around a deep obsidian canvas and a vibrant vermilion stage. Offset lavender media frames and an original commerce architecture print give technical case studies tactile warmth and unmistakable presence.
/Pairs sticky editorial thesis on the left with scrolling specimen plates on the right.
Hydration: Zero-JS SSR/shopVisual-first collection grid with quick-inspect drawers.
Hydration: Progressive Enhancement/products/[slug]Material provenance storytelling paired with variant selection.
Hydration: Progressive Enhancement/docsIllustrated guide templates for physical and digital goods.
Hydration: Zero-JS SSRBest for: Industrial designers, furniture makers, apparel capsules, and multi-disciplinary creative workshops.
Not ideal for: Text-only documentation sites without visual specimen plates.
| CSS Custom Property | Default Value | Architectural Role |
|---|---|---|
| --canvas | #f7f4ee | Alabaster workshop canvas |
| --stage-dark | #141517 | Contrast carbon specimen panel |
| --accent | #b86b28 | Warm brass-ochre accent |