Type scale
Editorial + utility pairing
Aa
display / editorial serif
Interface with intent.
Body / Inter · Label / Geist Mono
✦ Tailwind v4 design system demo
Digital atelier
Digital atelier
for strange ideas.
A living playground for semantic tokens, responsive primitives, accessible states, and immersive 3D storytelling — now as one clean HTML file.
01 / digital fashionSqyloomOpen project ↗
02 / studioO-Vogue StudioOpen project ↗
03 / quantumDemolab QubitOpen project ↗
Drag / rotate / exploreO—VOGUE 3D
01 / Foundation
One system,
many moods.
Tailwind v4's CSS-first configuration becomes a visible, tactile language. Every color, radius, and interaction traces back to a named token.
@theme@custom-variantCVAreduced motion
lilac / primary
oklch(63% .17 298)
mint / signal
oklch(88% .11 145)
ink / surface
oklch(15% .03 285)
rose / danger
oklch(70% .18 12)
Aa
Component lab
Composable states, not one-off styles
FeaturedIn progressDraftNeeds review
Focus-visible
Keyboard rings are part of the system.
Error state
Feedback stays close to the field.
Container + grid recipe
max-width: 1180px · grid-template-columns: repeat(3, 1fr)
Resize the viewport to see the layout breathe without breaking.
02 / Applied examples
A gallery of proof.
01
O-Vogue Digital
Sqyloom Website
Interactive digital fashion platform combining immersive 3D experiences with cutting-edge web design.
02
O-Vogue Studio
O-Vogue Studio
Bold portfolio showcasing innovative design work and creative direction for fashion-forward clients.
03
Autobiographical
The Demolab Qubit
Personal portfolio exploring the intersection of quantum computing concepts and digital fashion design.
04
O-Vogue Arts
Arts Collection
Curated collection of digital art pieces exploring identity, technology, and fashion.
05
Design Philosophy
Concept Overview
Comprehensive exploration of O-Vogue's design philosophy and conceptual framework.
06
O-Vogue Tech
Vizify Platform
Data visualization platform for fashion analytics and trend forecasting.