How It Works
Workflows, onboarding, installation, and process sections.
Runtime: DOM + CSS
How It Works variants
- How It Works — Workshop Codex Shelf
A four-step illustrated preparation checklist on textured parchment, with engraved artwork and scroll-driven reveals.
- How It Works — Arca
A split introduction with a pointer-responsive product panel, hand-drawn surround and an accessible product-film dialog.
- How It Works — Aniwall
A four-step adoption path with a connected progress line, italic stage numbers and the authored iridescent helix.
- How It Works — Halvorsen
A numbered, auto-advancing service accordion beside a layered photograph, with chamfered rules and film grain.
- How It Works — Volta Atelier
A pinned five-stage workflow that turns vertical scrolling into horizontal card travel, with responsive framing and progress tracking.
- How It Works — Agent AI
Four interactive architecture layers connect animated metallic icons with amber signal paths, responsive node grids, and contextual dialogs.
- How It Works — Sunset 3D Installation
Sunset 3D Installation extracted from Sunset 3D, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- How It Works — Sunseto
Sunseto How It Works extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.