Chapters
FlowA guided pass through the mark
Five scroll-driven chapters move from first assembly to measured geometry to the resolved brand system.
01
Assemble
02
Measure
03
Focus
04
Resolve
Work
Websites
Om Concepts 3D Brand Experience
Self-initiated 3D site that takes our own logo apart in real time: five scroll-driven chapters of live WebGL geometry, measured and explained as you move.
The work, up close
3 artifactsChapter 03 · The openingcapture01 / 03
Chapter 04 · The binducapture02 / 03
Chapter 05 · The system at workcapture03 / 03
Visual story
How the project actually moved.
Geometry
SignalsThe math is the material
Radii, strokes, and spacing follow the documented constants of the flat mark, so the model is the real system rather than an artistic impression.
Golden radii
Golden strokes
Root-3 halo
Hex lattice
Instruments
SystemBuilt to be handled
Drag inspection, selectable measurements, and role focus turn a brand page into something a visitor operates.
Drag
Measure
Focus
Apply
Problem
Client case studies show finished pages, not range. We wanted public proof that a website can be a real-time 3D instrument, so we treated our own mark as the client.
What we shipped
- Five scroll-registered chapters where the mark assembles, measures itself, and resolves into brand applications
- Procedural 3D model built from the logo's exact geometry constants, held to them by automated tests
- Interactive instruments: drag the form, switch measurement relationships, focus each role of the center point
- Reduced-motion, no-WebGL fallback, and performance guardrails so the experience degrades gracefully
Next