Colour
Background#000000
Text#ffffff
Accent#ff6c2f
Surface#efede6
Muted#a3a3a3
Typefaces
- Display
- Editorial Old Ultralight
- Body
- Suisse Intl
- Mono
- Suisse Intl Mono
- Source
- self_hosted
- Scale
- 12 · 14 · 16 · 18 · 20 · 24
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 4px · 9999px
Capture
- Category
- other
- Sections
- 10
- Captured
- 2026-08-30
- Rhythm
- dark x2 → mixed → dark → light x3 → dark x3
Type rules
- display headlines set in serif or large pixelated type with tight tracking
- interface labels and meta details set in uppercase monospace
- body measure kept around 46 characters for optimal readability
Colour rules
- dark space backgrounds dominate top and bottom folds
- punchy retro orange reserved for key product showcases and banner callouts
- warm beige and forest green break up the sequence into tactile physical blocks
Voice rules
- keep copy grounded in musical workflow and creativity
- pair ethereal top-level statements with concise body prose
Holds it together
- lead with dreamy cosmic photography and glowing display serifs
- use modular cards with rounded corners to frame studio media and products
- contrast dark digital spaces with earthy green and warm cream surfaces
Contrast
text on background21.0:1 AAA
muted text on background8.3:1 AAA
text on surface1.2:1 fail
accent on background7.4:1 AAA
background on accent7.4:1 AAA
Type, measured
- Body
- 16px / 1.4
- Measure
- 46 characters
- Display
- 64px / 1
- Tracking
- -0.02em display
- Scale ratio
- 1.41
Voice
- Tone
- creative, approachable, evocative
- Sentences
- medium
- Person
- first
- Vocabulary
- plain
- Calls to action
- shop, explore, join, watch
Built with
- Builder
- —
- Framework
- —
- Motion
- swiper
- WebGL
- —
- Nav
- top_bar, 3 items
- Length
- 8.9 screens
Sections in page order
10- 00
hero
A surreal and dreamy cosmic portrait blends vintage hardware and glowing serif typography into an ethereal synth-pop hero.
- Mood
- dreamy + nostalgic
- Layout
- 1 col · centered · airy
- 01
hero
Nostalgic broadcast grid with retro CRT video frames surrounding a central pixel-art channel emblem.
- Mood
- nostalgic + playful
- Layout
- 2 col · centered · dense
- 02
showcase
Vibrant warm orange product display cards showcasing hardware and software synthesizers with high-contrast geometric precision.
- Mood
- bold + playful
- Layout
- 8 col · grid · balanced
- 03
feature grid
Dark four-column grid pairing intimate studio photography with concise narrative copy.
- Mood
- editorial + warm
- Layout
- 4 col · grid · balanced
- 04
showcase
A relaxed, warm community showcase featuring casual creator video clips framed beneath airy editorial copy and pill buttons.
- Mood
- warm + editorial
- Layout
- 12 col · grid · airy
- 05
video
Warm, textured studio session showcase with pixelated typography framing a rounded video viewport.
- Mood
- warm + nostalgic
- Layout
- 1 col · stacked · balanced
- 06
showcase
A crisp, minimalist product catalog showcasing tactile hardware and music tools with warm atmospheric product shots and understated typography.
- Mood
- quiet + clinical
- Layout
- 1 col · grid · balanced
- 07
testimonial
A tranquil forest-green split section blending organic outdoor photography with frosted glass testimonial cards.
- Mood
- warm + editorial
- Layout
- 2 col · split · balanced
- 08
cta
Raw retro-digital newsletter CTA pairing an enormous pixelated headline with a precise, austere mono input form.
- Mood
- raw + nostalgic
- Layout
- 16 col · asymmetric · dense
- 09
footer
Stark, utilitarian black footer anchored by crisp monospace typography and structured navigation clusters in the corners.
- Mood
- clinical + quiet
- Layout
- 1 col · split · airy
