Christopher Doyle & Co.

Swiss modernist clarity defined by stark black-on-white contrast. Massive condensed uppercase headers frame expansive white space and modest sans-serif text columns.

editorial quiet bold

Visit site

Colour

Background#ffffff

Text#191919

Accent#191919

Surface#ffffff

Muted#191919

Typefaces

Display: Founders Grotesk X Condensed Semibold
Body: Die Grotesk A Regular
Mono: —
Source: self_hosted
Scale: 12 · 14 · 81

Layout

Grid: 16 columns
Container: 1410px
Spacing base: 5px
Radius: —

Capture

Category: studio
Sections: 3
Captured: 2026-08-30
Rhythm: light x3

Type rules

display type is set in condensed uppercase with tight tracking
body text stays around 14px with wide line measures up to 83 characters

Colour rules

maintain strict monochrome black on white across all structural elements
imagery carries all chromatic content

Voice rules

use clear, factual statements without hyperbolic marketing claims
keep metadata structured under explicit text labels

Holds it together

anchor layouts with extreme condensed display headings positioned at page margins
use asymmetric column alignments across a 16-column grid
leave generous uninterrupted whitespace around body copy blocks

Contrast

text on background17.6:1 AAA

muted text on background17.6:1 AAA

text on surface17.6:1 AAA

accent on background17.6:1 AAA

background on accent17.6:1 AAA

Type, measured

Body: 14px / 1.21
Measure: 83 characters
Display: 81px / 1
Tracking: -0.01em display
Scale ratio: 1.55

Voice

Tone: restrained, formal, objective
Sentences: medium
Person: first
Vocabulary: formal
Calls to action: email

Built with

Builder: —
Framework: —
Motion: —
WebGL: —
Nav: sticky_top_bar, 3 items, sticky
Length: 1.9 screens

Sections in page order

3 marked strong · 3

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

00
hero
Strong
Austere Swiss-style studio homepage balancing massive condensed headline anchors across an expansive sea of whitespace above lower-half case imagery.
Mood
editorial + raw
Layout
16 col · asymmetric · airy
Open section →
01
footer
Strong
An ultra-minimal and airy footer arranged across a wide Swiss grid with restrained typography and abundant negative space.
Mood
quiet
Layout
16 col · grid · airy
Open section →
02
cta
Strong
Massive, wall-to-wall condensed uppercase typography turning an email contact link into a bold graphic centerpiece.
Mood
bold + editorial
Layout
16 col · full bleed · dense
Open section →