New Genre
Poetic, ethereal, and authorial. Soft vertical atmospheric gradients—shifting from twilight indigo to dawn amber—bookend a pristine white showcase of high-craft studio work, paired with botanical metaphors and graceful serif headlines.
Visit site ↗Colour
Background#ffffff
Text#0c1018
Surface#f5ffff
Muted#9999aa
Typefaces
- Display
- serrif
- Body
- saans
- Mono
- —
- Source
- self_hosted
- Scale
- 12 · 14 · 16 · 20 · 24 · 32
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 8px · 16px · 999px
Capture
- Category
- studio
- Sections
- 12
- Captured
- 2026-08-27
- Rhythm
- gradient → light x7 → gradient x2 → dark → gradient
Type rules
- editorial serif reserved exclusively for atmospheric hero and manifesto statement headlines
- clean sans-serif for compact body descriptions at 77 characters measure
- small category pills and metadata labels set in compact medium-weight sans
Colour rules
- content lives on crisp white background flanked by ethereal ambient sky gradients
- high contrast dark slate text on light backgrounds transitioning to soft white text over atmospheric gradients
Voice rules
- use botanical and celestial metaphors for technical and design processes
- keep CTAs understated with inline arrow glyphs
Holds it together
- bookend the experience with immersive sky-to-earth atmospheric gradients while keeping portfolio work on pristine white surfaces
- use large elegant serif typography exclusively for high-level studio statements and manifestos
- represent methodical processes through sequenced botanical or natural imagery
Contrast
text on background19.0:1 AAA
muted text on background2.8:1 fail
text on surface18.7:1 AAA
Type, measured
- Body
- 12px / 1.4
- Measure
- 77 characters
- Display
- 72px / 1.05
- Tracking
- -0.02em display
- Scale ratio
- 1.57
Voice
- Tone
- poetic, elevated, metaphorical
- Sentences
- medium
- Person
- first
- Vocabulary
- literary
- Calls to action
- see, read, sign up, work
Built with
- Builder
- —
- Framework
- next
- Motion
- lenis
- WebGL
- —
- Nav
- sticky_top_bar, 9 items, sticky
- Length
- 15.4 screens
Sections in page order
3 strongest marked · 12- 00
hero
An ethereal vertical gradient fades from midnight blue into luminous haze beneath an elegant serif studio manifesto.
- Mood
- dreamy + quiet
- Layout
- 14 col · stacked · airy
- 01
logo bar
A quiet and minimal partner logo grid framed in soft, rounded rectangular tiles beneath restrained sans-serif typography.
- Mood
- quiet + clinical
- Layout
- 6 col · grid · airy
- 02
showcase
A clean, airy agency case study presentation with quiet whitespace anchored by a playful, pastel brand card.
- Mood
- quiet + playful
- Layout
- 16 col · split · airy
- 03
showcase
Quiet case study section balancing restrained sans-serif project metadata with a textured, dithered nightscape illustration.
- Mood
- quiet + nostalgic
- Layout
- 6 col · split · airy
- 04
showcase
Clean and serene portfolio feature pairing restrained typographic metadata with a lush aerial nature media card.
- Mood
- quiet + warm
- Layout
- 6 col · split · airy
- 05
showcase
A restrained and airy project showcase pairing understated metadata and quiet typography with a warm, richly textured interior photograph.
- Mood
- quiet + editorial
- Layout
- 16 col · split · airy
- 06
feature grid
StrongestSerene and airy process cards pair botanical growth photography with restrained grotesque typography across generous minimalist whitespace.
- Mood
- quiet + editorial
- Layout
- 3 col · grid · airy
- 07
showcase
A clean studio journal grid showcasing press features, team arrivals, and creative projects through rounded visual cards.
- Mood
- editorial + quiet
- Layout
- 3 col · grid · balanced
- 08
cta
A gentle, airy newsletter signup banner washed in a soft peach gradient with clean left-aligned typography.
- Mood
- warm + quiet
- Layout
- 13 col · split · airy
- 09
statement
StrongestA warm atmospheric statement section with expressive serif typography fading into an expansive dusk-toned gradient field.
- Mood
- dreamy + editorial
- Layout
- 12 col · stacked · airy
- 10
footer
Austere dark contact footer with live city clocks, left-aligned typography, and an expansive quiet negative space.
- Mood
- quiet + clinical
- Layout
- 10 col · asymmetric · airy
- 11
footer
StrongestAtmospheric and deeply spacious footer bathed in an amber twilight gradient with a solitary flower centered amidst minimal utility links.
- Mood
- quiet + dreamy
- Layout
- 13 col · asymmetric · airy
