New Genre
Luminous, contemplative, and distinctly high-craft. Smooth dusky sky and sunset gradients frame editorial case studies with botanical metaphors and graceful serif headlines. The atmosphere shifts effortlessly from atmospheric mood to crisp studio rigor.
Rated
7.8/ 10
From 11 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 9.2
- Systemmeasured
- 5.6
- Distinctionmeasured
- 9.7
- on the grid
- 55%
- vertical rhythm
- 57%
- type on a scale
- 38%
- contrast passing AA
- 75%
- unlike the library
- 1.29
- model craft
- 7.8/10
- model deviation
- 4.4/10
Colour
Typefaces
- Display
- serrif
- Body
- saans
- Mono
- —
- Source
- self_hosted
- Scale
- 12 · 14 · 16 · 20 · 24 · 32
Layout
- Grid
- 12 columns
- Container
- 1312px
- Spacing base
- 4px
- Radius
- 16px · 9999px
Capture
- Category
- studio
- Sections
- 11
- Captured
- 2026-09-06
- Rhythm
- twilight gradient → white x4 → sunset gradient → dark
Type rules
- display headlines set in serrif sentence case with tight tracking
- body text set in saans at 20px with compact 1.15 line-height and 46-character line measure
Colour rules
- deep atmospheric sky gradients bookend the experience while internal case studies rest on clean white
- dark charcoal text provides high-contrast grounding over light backgrounds
Voice rules
- use botanical and cosmic metaphors to frame technical execution
- lead project descriptions with clear outcomes before tagging disciplines
Holds it together
- bookend clean white content sections between expansive twilight and sunset gradient fields
- use high-contrast serif headlines in sentence case over atmospheric hero and statement viewports
- structure project items in two-column rows pairing descriptive text with generous media containers
Contrast
Type, measured
- Body
- 20px / 1.15
- Measure
- 46 characters
- Display
- 72px / 1.05
- Tracking
- -0.02em display
- Scale ratio
- 1.38
Voice
- Tone
- poetic, refined, visionary
- Sentences
- medium
- Person
- first
- Vocabulary
- elevated
- Calls to action
- see, read, join, contact
Built with
- Builder
- —
- Framework
- next
- Motion
- lenis
- WebGL
- —
- Nav
- sticky_top_bar, 9 items, sticky
- Length
- 15.4 screens
Sections in page order
- 00
hero
Quiet, atmospheric studio hero pairing an elegant serif statement with a subtle twilight dusk gradient and generous negative space.
- Mood
- serene + ethereal
- Layout
- 1 col · stacked · airy
- 01
hero
A calm, airy editorial hero with elegant serif typography set against a soft atmospheric sky gradient.
- Mood
- serene + dreamy
- Layout
- 1 col · stacked · airy
- 02
logo bar
Clean, airy logo grid presenting client trust marks in soft rounded tiles against a bright, restrained backdrop.
- Mood
- reassuring + serene
- Layout
- 6 col · grid · airy
- 03
showcase
Crisp and airy portfolio showcase pairing minimal sans-serif typography with a soft mint branded preview card.
- Mood
- serene + playful
- Layout
- 2 col · split · airy
- 04
showcase
Quiet, spacious project showcase presenting client work through clean split layouts and rounded media frames.
- Mood
- serene + contemplative
- Layout
- 2 col · split · airy
- 05
feature grid
StrongQuiet and refined process cards tracking the stages of creative growth through botanical floral photography.
- Mood
- serene + contemplative
- Layout
- 4 col · grid · airy
- 06
announcement
Clean, orderly studio journal grid mixing studio announcements, team portraits, and press features in rounded media cards.
- Mood
- serene + contemplative
- Layout
- 3 col · grid · balanced
- 07
cta
A tranquil newsletter signup card fading seamlessly from a clean grey into a warm, glowing peach gradient.
- Mood
- serene + dreamy
- Layout
- 2 col · split · airy
- 08
statement
Quiet, airy editorial statement featuring refined serif typography set against a soft sunrise gradient wash.
- Mood
- serene + dreamy
- Layout
- 1 col · stacked · airy
- 09
footer
StrongA sparse, restrained dark contact section with vast negative space and quiet typographic precision.
- Mood
- serene + luxurious
- Layout
- 2 col · grid · airy
- 10
footer
StrongA tranquil full-bleed outro centering a golden botanical bloom against a warm gradient backdrop with corner-anchored utility links.
- Mood
- serene + dreamy
- Layout
- 1 col · full bleed · airy
