Rogier de Boevé

Atmospheric, technical, and deeply quiet. Soft volumetric WebGL smoke billows across a dark monochrome viewport, framed by delicate monospaced micro-typography. Circular hairline targets and minimal audio options create a cinematic entry experience.

quiet

Visit site

Colour

Background#141414

Text#bcbcbc

Surface#141414

Muted#bcbcbc

Typefaces

Display: JB Mono
Body: Neue Haas Grotesk Text
Mono: JB Mono
Source: self_hosted
Scale: 11 · 16 · 21

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 9999px

Capture

Category: portfolio
Sections: 1
Captured: 2026-08-30
Rhythm: dark

Type rules

body and labels strictly rendered in uppercase monospace micro-type
loose tracking applied across all monospaced text elements

Colour rules

monochromatic palette limited to muted grey against deep atmospheric black
no loud accents; hierarchy is created strictly through placement and hairline stroke density

Voice rules

interface labels strictly in uppercase
micro-copy limited to essential functional triggers

Holds it together

set all UI copy in uppercase micro-typography positioned at perimeter corners or center focus
frame primary interactions within circular hairline reticles
use ambient dark lighting and volumetric smoke shaders instead of graphic cards or solid blocks

Contrast

text on background9.7:1 AAA

muted text on background9.7:1 AAA

text on surface9.7:1 AAA

Type, measured

Body: 11px / 1
Measure: 50 characters
Display: 21px / 1
Tracking: -0.03em display
Scale ratio: 1.18

Voice

Tone: minimal, technical, restrained
Sentences: short
Person: none
Vocabulary: technical
Calls to action: enter, view

Built with

Builder: —
Framework: —
Motion: —
WebGL: yes
Nav: sticky_top_bar, 2 items, sticky
Length: 1 screens

Sections in page order

1 marked strong · 1

00
hero
Strong
Atmospheric, shadowy intro screen with delicate monospaced micro-typography and a circular interactive enter prompt centered over dark ambient smoke.
Mood
quiet + dreamy
Layout
1 col · centered · airy
Open section →