Onda

Stark, high-contrast dark editorial aesthetic combining expansive negative space with sharp typographical drama. Rich studio portraits and vivid lime green accents punctuate deep black canvases with disciplined authority.

editorial quiet bold

Visit site

Colour

Background#000000

Text#ffffff

Accent#befda7

Surface#1a1a1a

Muted#828282

Typefaces

Display: Denim Ink
Body: ABS Synt Trial
Mono: Aeonik Fono
Source: self_hosted
Scale: 12 · 14 · 16 · 18 · 24 · 32

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 0px · 8px · 16px

Capture

Category: studio
Sections: 8
Captured: 2026-08-30
Rhythm: dark x8

Type rules

display typography alternates between massive uppercase grotesque lists and high-contrast editorial serif statements
body text set at 24px with tight line height of 1.08 and 73 character measure
section eyebrows and numbered case study metadata rendered in uppercase tracked mono

Colour rules

pure black #000000 serves as the dominant canvas across all sections without alternating light backgrounds
pale lime green #befda7 used sparingly to highlight major thesis statement typography and focused interactive items

Voice rules

manifesto-style short poetic paragraphs asserting design philosophy
dense uppercase categorical service lists nested with granular sub-capabilities

Holds it together

maintain an unbroken black canvas across the entire page journey
render service menus as massive stacked uppercase sans headlines that expand to reveal detailed capability lists
accent key philosophical thesis statements in light lime green #befda7 type set in large editorial serifs

Contrast

text on background21.0:1 AAA

muted text on background5.5:1 AA

text on surface17.4:1 AAA

accent on background17.8:1 AAA

background on accent17.8:1 AAA

Type, measured

Body: 24px / 1.08
Measure: 73 characters
Display: 96px / 0.85
Tracking: -0.02em display
Scale ratio: 1.41

Voice

Tone: declarative, authoritative, manifesto-driven
Sentences: medium
Person: first
Vocabulary: elevated
Calls to action: show, make, tell, contact

Built with

Builder: webflow
Framework: —
Motion: gsap, lenis
WebGL: —
Nav: —
Length: 7.2 screens

Sections in page order

3 marked strong · 8

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
team
Strong
Polished and human team grid featuring studio portraits inside framed cards with elegant serif-sans typography pairings.
Mood
editorial + warm
Layout
1 col · grid · balanced
Open section →
01
statement
A stark, minimalist black void hosting a quiet, centered studio manifesto in elegant serif type.
Mood
quiet + editorial
Layout
6 col · centered · airy
Open section →
02
feature
Strong
Monochrome high-impact typographic service list featuring massive stacked uppercase headings and an expanded centered sub-menu.
Mood
bold + clinical
Layout
8 col · stacked · airy
Open section →
03
showcase
A structured, stark black portfolio grid presenting numbered case studies through vivid, high-contrast imagery and disciplined typographic captions.
Mood
editorial + quiet
Layout
3 col · grid · balanced
Open section →
04
other
A solid black void functioning as a deliberate breathing pause between dense content sections.
Mood
quiet
Layout
2 col · full bleed · airy
Open section →
05
statement
A restrained, dark editorial statement framed by a delicate vertical grid border and elegant serif prose.
Mood
editorial + quiet
Layout
4 col · asymmetric · airy
Open section →
06
statement
Strong
A stark, dark manifesto section anchored by an elegant pale green serif headline across a minimal editorial grid.
Mood
editorial + bold
Layout
4 col · asymmetric · airy
Open section →
07
footer
Stark all-black studio footer anchored by an assertive uppercase manifesto and vibrant lime green call to action.
Mood
bold + raw
Layout
1 col · stacked · airy
Open section →