Rafael Cespedes

Sparse, disciplined, and typography-forward. Deep black surfaces anchor dense grotesk type paired with capsule metadata badges and numeric superscripts, evoking a sleek digital catalogue.

quiet clinical

Visit site

Colour

Background#0c0c0c

Text#ffffff

Accent#f5b301

Surface#0c0c0c

Muted#ffffff

Typefaces

Display: ABC Monument Grotesk
Body: ABC Monument Grotesk
Mono: ui-monospace
Source: google
Scale: 15 · 16 · 22 · 63

Layout

Grid: 12 columns
Container: 807px
Spacing base: 12px
Radius: 9999px

Capture

Category: portfolio
Sections: 4
Captured: 2026-08-29
Rhythm: dark x4

Type rules

display type set large with tight negative tracking at -0.02em and sub-1.0 line height
body and index items constrained to narrow measure under 40 characters
taxonomy metadata labels set in uppercase mono with numeric index superscripts

Colour rules

near-monochrome black background (#0c0c0c) across 98% of the surface
high-contrast white type with single yellow accent dot reserved for avatar status

Voice rules

terse project naming with discipline taxonomy tags
direct bio with current affiliation

Holds it together

render project and experiment titles as stacked list items accompanied by compact pill taxonomy tags
use muted and bold font weight contrasts within continuous running sentences to establish visual hierarchy
keep the layout focused in a narrow centered column with generous margins

Contrast

text on background19.6:1 AAA

muted text on background19.6:1 AAA

text on surface19.6:1 AAA

accent on background10.6:1 AAA

background on accent10.6:1 AAA

Type, measured

Body: 16px / 1.2
Measure: 37 characters
Display: 63px / 0.97
Tracking: -0.02em display
Scale ratio: 1.41

Voice

Tone: understated, precise
Sentences: short
Person: first
Vocabulary: curated
Calls to action: show

Built with

Builder: —
Framework: —
Motion: —
WebGL: —
Nav: top_bar, 4 items
Length: 2.7 screens

Sections in page order

3 marked strong · 4

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

00
hero
Strong
A quiet, dark portfolio intro led by high-contrast typographic hierarchy and floating pill navigation controls.
Mood
quiet
Layout
15 col · stacked · airy
Open section →
01
showcase
Strong
A stark, disciplined monochrome index that structures project titles with taxonomy pills and subtle numeric superscripts.
Mood
clinical + editorial
Layout
12 col · stacked · dense
Open section →
02
showcase
Strong
A stark dark research index pairing dense typographic hierarchy with compact pill metadata tags.
Mood
clinical + quiet
Layout
16 col · stacked · balanced
Open section →
03
statement
Sparse, understated archive section intro relying entirely on quiet typographic hierarchy against pure black.
Mood
quiet + editorial
Layout
12 col · stacked · airy
Open section →