Breeder
Stark, cinematic, and deeply editorial. Massive edge-to-edge grotesque display typography dominates the masthead before giving way to expansive dark voids and disciplined multi-column statements. A sudden bright white editorial spread cleanly demarcates studio work from community initiatives.
Visit siteColour
Typefaces
- Display
- Monument Grotesk
- Body
- Monument Grotesk
- Mono
- Monument Grotesk Mono
- Source
- Scale
- 16 · 18 · 20 · 24 · 36 · 64
Layout
- Grid
- 12 columns
- Container
- 1345px
- Spacing base
- 4px
- Radius
- 0px
Capture
- Category
- studio
- Sections
- 11
- Captured
- 2026-08-29
- Rhythm
- dark x7 → light x2 → dark x2
Type rules
- display type set in sentence case with tight line-height of 1.0 and negative tracking
- body text runs in wide measures up to 116 characters
- metadata and client names set in uppercase monospace
Colour rules
- deep violet-black background (#06010c) covers the majority of the experience
- stark inverted white panel (#ffffff) reserved solely for community spotlight content
Voice rules
- split narrative thoughts across sections using ellipses
- frame client achievements through creative collaboration rather than metrics
Holds it together
- anchor the layout with full-bleed dark violet-black surfaces broken by a single white editorial chapter
- pair massive sentence-case headlines with wide, airy paragraphs in light weights
- use mono uppercase labels strictly for client taxonomy below media containers
Contrast
Type, measured
- Body
- 24px / 1.25
- Measure
- 116 characters
- Display
- 64px / 1
- Tracking
- -0.008em display
- Scale ratio
- 1.28
Voice
- Tone
- contemplative, collaborative, understated
- Sentences
- medium
- Person
- first
- Vocabulary
- evocative
- Calls to action
- learn, visit, drop, load
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 8 items
- Length
- 9.3 screens
Sections in page order
3 marked strong · 11- 00
hero
Massive edge-to-edge grotesque typography creates an imposing, starkly confident studio header against a deep black background.
- Mood
- bold + raw
- Layout
- 12 col · stacked · airy
- 01
video
An empty, pitch-black video embed showing a centered error message in minimal white typography.
- Mood
- quiet + clinical
- Layout
- 12 col · centered · airy
- 02
statement
Starkly minimal, contemplative dark statement featuring left-aligned text with vast breathing room and an understated underlined link.
- Mood
- quiet + editorial
- Layout
- 12 col · stacked · airy
- 03
showcase
A muted, gallery-like portfolio grid pairing cinematic stills with slate grey info cards and crisp typography.
- Mood
- quiet + editorial
- Layout
- 12 col · grid · balanced
- 04
showcase
StrongA moody, cinematic portfolio showcase pairing a solid muted teal sidebar with dynamic particle artwork against deep black.
- Mood
- dreamy + editorial
- Layout
- 9 col · asymmetric · airy
- 05
statement
StrongA quiet, typographic studio statement pairing an asymmetric statement headline with multi-column narrative body copy over deep black.
- Mood
- editorial + quiet
- Layout
- 12 col · grid · airy
- 06
feature
Understated and airy capability section listing creative services above a clean monochrome client logo grid.
- Mood
- quiet + editorial
- Layout
- 5 col · stacked · airy
- 07
video
StrongA serene monochromatic seascape with elegant typography reflected into stylized water ripples beneath a rising sun.
- Mood
- dreamy + quiet
- Layout
- 12 col · centered · airy
- 08
showcase
A stark, airy editorial column layout presenting a project story through disciplined typography and minimalist social links on clean white space.
- Mood
- editorial + quiet
- Layout
- 2 col · split · airy
- 09
cta
Quiet, dark minimalist contact callout with unadorned typography set against deep black space.
- Mood
- quiet
- Layout
- 6 col · stacked · airy
- 10
footer
Restrained dark agency footer pairing bold branding with quiet inline links and a respectful territory acknowledgment.
- Mood
- quiet
- Layout
- 15 col · stacked · airy
