mdx-so
Dreamy, airy, and tactile. A bright luminous canvas is anchored by a glowing frosted sphere in center stage, balanced by crisp editorial typography and rounded capsule tags.
Visit siteColour
Background#ffffff
Text#101820
Accent#ff8200
Surface#feffff
Muted#8a8f8d
Typefaces
- Display
- Orlean
- Body
- Aventa
- Mono
- —
- Source
- self_hosted
- Scale
- 11 · 14 · 19 · 23 · 36 · 49
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 99px
Capture
- Category
- studio
- Sections
- 1
- Captured
- 2026-08-30
- Rhythm
- light
Type rules
- display headlines set in sentence case with tight leading and subtle letterspacing
- body text runs at 61 characters per line with muted charcoal tone
- pill tags and navigation actions set in tracked uppercase
Colour rules
- clean light backdrop dominated by pure whites and soft neutral grays
- warm amber accent confined to inner 3D glow and subtle directional arrows
- high-contrast dark charcoal (#101820) reserved for key CTAs and primary headers
Voice rules
- pair sensory verbs like feel and resonate with modern studio craft
- keep CTAs direct and actionable with arrow indicators
Holds it together
- anchor the viewport with a central organic 3D centerpiece floating in generous white space
- split lower layout between left-aligned headline/CTA and right-aligned descriptive copy and pill tags
- style secondary actions and category filters as hairline bordered pills
Contrast
text on background17.9:1 AAA
muted text on background3.3:1 AA Large
text on surface17.9:1 AAA
accent on background2.5:1 fail
background on accent2.5:1 fail
Type, measured
- Body
- 19px / 1.2
- Measure
- 61 characters
- Display
- 60px / 1
- Tracking
- 0.034em display
- Scale ratio
- 1.33
Voice
- Tone
- poetic, refined, confident
- Sentences
- short
- Person
- first
- Vocabulary
- evocative
- Calls to action
- talk, build, view, send
Built with
- Builder
- —
- Framework
- —
- Motion
- lenis
- WebGL
- —
- Nav
- sticky_top_bar, 5 items, sticky
- Length
- 1 screens
Sections in page order
1 marked strong · 1- 00
hero
StrongA tactile, glowing frosted sphere floats serenely in an airy light space, framed by precise studio typography and pill tags.
- Mood
- dreamy + quiet
- Layout
- 1 col · asymmetric · airy
