Grammar
Ultra-restrained, gallery-like digital canvas. Pitch-black framing wraps centered content with clinical Swiss typography and stark negative space.
Visit siteColour
Background#000000
Text#ffffff
Surface#1a1a1a
Typefaces
- Display
- Diatype Variable
- Body
- Diatype Variable
- Mono
- —
- Source
- adobe
- Scale
- 16
Layout
- Grid
- 3 columns
- Container
- 1414px
- Spacing base
- 12px
- Radius
- 0px
Capture
- Category
- studio
- Sections
- 2
- Captured
- 2026-08-30
- Rhythm
- dark → mixed
Type rules
- single font family and single weight across all text elements
- sentence case for interface labels
Colour rules
- deep black exterior frame enclosing high-contrast content
Voice rules
- essential words only
- no descriptive marketing copy
Holds it together
- lock all global chrome elements to absolute viewport corners
- confine interactive work within an inner framed window
Contrast
text on background21.0:1 AAA
text on surface17.4:1 AAA
Type, measured
- Body
- 16px / 1.4
- Measure
- 18 characters
- Display
- 16px / 1.4
- Tracking
- 0em display
- Scale ratio
- —
Voice
- Tone
- minimal, understated
- Sentences
- short
- Person
- none
- Vocabulary
- plain
- Calls to action
- contact
Built with
- Builder
- cargo
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- —
- Length
- 1.2 screens
Sections in page order
2 marked strong · 2- 00
nav
StrongStark, pitch-black minimal navigation framing an ultra-restrained studio portfolio interface.
- Mood
- quiet + clinical
- Layout
- 2 col · split · airy
- 01
hero
StrongA stark, experimental hero framing high-contrast modernist yellow geometry and typographic lists inside a deep black presentation screen.
- Mood
- bold + raw
- Layout
- 3 col · stacked · airy
