Urbane

Deep spruce green backdrop creates a quiet, refined canvas for massive Swiss-style grotesk typography. High-contrast white copy punctuated by electric yellow emphasis text gives the agency an authoritative, sleek studio presence.

bold editorial quiet

Visit site

Colour

Background#001c1a

Text#ffffff

Accent#e6e80a

Surface#172323

Muted#ffffff

Typefaces

Display: Bdogrotesk
Body: Bdogrotesk
Mono: —
Source: self_hosted
Scale: 16 · 18 · 20 · 24 · 36 · 48

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 999px

Capture

Category: agency
Sections: 6
Captured: 2026-08-29
Rhythm: dark x6

Type rules

giant uppercase grotesk headers anchor section boundaries
body measure constrained to approximately 39 characters for editorial rhythm

Colour rules

deep spruce green serves as a uniform full-page dark background
electric yellow accent is reserved exclusively for inline emphasis phrases

Voice rules

written in first-person collective voice
punchy action-oriented CTAs with directional icons

Holds it together

electric yellow accent is applied exclusively to highlighted text spans within lead statements
project directory is structured into numbered full-width rows divided by subtle horizontal hairlines
primary actions use pill-shaped white containers with arrow glyphs

Contrast

text on background17.8:1 AAA

muted text on background17.8:1 AAA

text on surface16.1:1 AAA

accent on background13.5:1 AAA

background on accent13.5:1 AAA

Type, measured

Body: 20px / 1.4
Measure: 39 characters
Display: 64px / 1.1
Tracking: 0em display
Scale ratio: 1.34

Voice

Tone: confident, understated, precise
Sentences: medium
Person: first
Vocabulary: curated
Calls to action: start, explore

Built with

Builder: webflow
Framework: —
Motion: —
WebGL: —
Nav: —
Length: 5.4 screens

Sections in page order

3 marked strong · 6

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

00
hero
Strong
Dark green Swiss-inspired studio hero dominated by an oversized bottom-anchored wordmark and disciplined asymmetrical typography.
Mood
bold + editorial
Layout
16 col · asymmetric · airy
Open section →
01
hero
Strong
Moody and cinematic 3D product showcase placing an iPhone mockup amidst dark textured dunes with striking neon typography.
Mood
bold + luxurious
Layout
14 col · centered · airy
Open section →
02
statement
Dark, spacious studio statement pairing centered editorial text with inline media tokens above a bold works section header.
Mood
editorial + playful
Layout
16 col · stacked · airy
Open section →
03
showcase
A quiet, dark typographic project directory structured into neatly partitioned numbered rows.
Mood
quiet + clinical
Layout
1 col · stacked · balanced
Open section →
04
feature
Spacious dark teal services section pairing quiet perimeter text with an assertive right-aligned list of creative capabilities.
Mood
quiet + bold
Layout
8 col · split · airy
Open section →
05
cta
Strong
Dark mood hybrid call-to-action combining a bold headline over a portfolio grid with a client testimonial card.
Mood
bold + editorial
Layout
2 col · split · balanced
Open section →