Mattia Saggiomo
Austere, cinematic index aesthetic. Monospace typography floats over dark atmospheric imagery to create a minimalist production registry feel.
Visit siteColour
Background#000000
Text#ffffff
Accent#ffffff
Surface#000000
Muted#ffffff
Typefaces
- Display
- Source Code Pro
- Body
- Source Code Pro
- Mono
- Source Code Pro
- Source
- self_hosted
- Scale
- 10 · 12
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 0px
Capture
- Category
- portfolio
- Sections
- 1
- Captured
- 2026-08-29
- Rhythm
- dark
Type rules
- all typography rendered in uppercase Source Code Pro
- type size constrained between 10px and 12px
Colour rules
- strict monochrome palette of white over black
- thin white horizontal rules separate table rows
Voice rules
- monospaced uppercase strings only
- tabular film credit structure
Holds it together
- use uppercase monospace typography for every textual element
- structure project data in single-line horizontal rows bordered by hairline rules
- restrict layout contrast to pure white text against black backdrops
Contrast
text on background21.0:1 AAA
muted text on background21.0:1 AAA
text on surface21.0:1 AAA
accent on background21.0:1 AAA
background on accent21.0:1 AAA
Type, measured
- Body
- 10px / 1.5
- Measure
- 43 characters
- Display
- 12px / 1.33
- Tracking
- 0.05em display
- Scale ratio
- 1.05
Voice
- Tone
- austere, precise
- Sentences
- short
- Person
- none
- Vocabulary
- plain
- Calls to action
- view, accept, decline
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 3 items
- Length
- 1.1 screens
Sections in page order
1 marked strong · 1- 00
hero
StrongA moody, cinematic portfolio index overlaid in stark monospace text against a dark, atmospheric backdrop.
- Mood
- raw + quiet
- Layout
- 14 col · full bleed · airy
