Benjamin Hoppe

Intimate and literary. A single cream sheet of paper sits in total darkness, framed by stark monochrome typography.

editorial quiet

Visit site

Colour

Background#000000

Text#ffffff

Surface#e2dfd2

Muted#1a1a1a

Typefaces

Display: Times
Body: Helvetica Neue
Mono: —
Source: system
Scale: 13 · 15 · 18 · 20 · 24 · 28

Layout

Grid: 13 columns
Container: 600px
Spacing base: 4px
Radius: 0px

Capture

Category: portfolio
Sections: 3
Captured: 2026-08-29
Rhythm: dark x3

Type rules

serif display for the central essay/letter
sans-serif for interface chrome, contact, and footer
body text measure kept strictly within 600px column

Colour rules

monochrome palette with no saturated accents
cream paper surface set against absolute black void

Voice rules

personal letter format
no marketing jargon

Holds it together

render personal narrative as a physical paper sheet on pure black
use serif typography exclusively within the letter component
keep UI controls strictly minimalist and aligned to the edges

Contrast

text on background21.0:1 AAA

muted text on background1.2:1 fail

text on surface1.3:1 fail

Type, measured

Body: 15px / 1.33
Measure: 93 characters
Display: 64px / 1.38
Tracking: -0.031em display
Scale ratio: 1.44

Voice

Tone: intimate, reflective, direct
Sentences: medium
Person: first
Vocabulary: plain
Calls to action: say, get in touch, write

Built with

Builder: —
Framework: —
Motion: —
WebGL: —
Nav: top_bar, 1 items
Length: 2.2 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
An intimate, editorial letter rendered as a single sheet of cream paper floating quietly in total darkness.
Mood
editorial + quiet
Layout
16 col · centered · airy
Open section →
01
cta
Strong
Quiet, starkly minimal contact section floating crisp neo-grotesque text over a deep black void.
Mood
quiet
Layout
5 col · stacked · airy
Open section →
02
footer
Strong
Austere dark contact footer with quiet typography and generous negative space.
Mood
quiet + clinical
Layout
13 col · grid · airy
Open section →