Thibaud Fellay

Dark, cinematic, and deliberately withheld. High-contrast italic serifs collide with neutral grotesques over a pitch-black canvas, letting video stills and pixelated motion do the atmospheric work.

mysterious

Visit site

Rated

8.2/ 10

From 3 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged: 8.2
Systemmeasured: 8.7
Distinctionmeasured: 7.2

on the grid: 82%
vertical rhythm: 67%
type on a scale: 100%
contrast passing AA: 100%
unlike the library: 1.00
model craft: 7.3/10
model deviation: 7.3/10

Colour

Background#111111

Text#ffffff

Surface#111111

Muted#ffffff

Typefaces

Display: Saol
Body: LayGrotesk
Mono: PPNeueBit
Source: self_hosted
Scale: 16 · 18 · 168

Layout

Grid: 12 columns
Container: 1400px
Spacing base: 5px
Radius: 8px

Capture

Category: portfolio
Sections: 3
Captured: 2026-09-06
Rhythm: dark x4

Type rules

combine sans-serif and high-contrast italic serif within the same headline lockup
technical controls, categories, and counters set in monospaced or uppercase sans

Colour rules

strict monochrome palette with pitch black background and pure white text
colour is strictly confined to embedded video stills and media textures

Voice rules

ultra-minimal copy limited strictly to navigation and project identifiers
utility controls and counters set in uppercase

Holds it together

pair clean sans-serif with expressive high-contrast italic serif in headline titles
distribute video thumbnails across an asymmetrical, staggered vertical scroll with expansive negative space
keep the interface strictly monochrome (#111111 and #ffffff), restricting colour entirely to media assets

Contrast

text on background18.9:1 AAA

muted text on background18.9:1 AAA

text on surface18.9:1 AAA

muted text on surface18.9:1 AAA

Type, measured

Body: 16px / 1.5
Measure: —
Display: 16px / 1.5
Tracking: 0em display
Scale ratio: —

Voice

Tone: minimal, cryptic, confident
Sentences: short
Person: second
Vocabulary: plain
Calls to action: play, unlock, explore

Built with

Builder: —
Framework: —
Motion: —
WebGL: yes
Nav: sticky_top_bar, 4 items, sticky
Length: 6.5 screens

Sections in page order

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

00
hero
Strong
A dark, cinematic portfolio hero featuring floating video cards over an atmospheric backdrop and an elegant hybrid-typeface title.
Mood
mysterious + luxurious
Layout
3 col · asymmetric · airy
Open section
01
gallery
Strong
A pitch-black void populated by isolated, staggered film frames and a tiny pixelated header.
Mood
mysterious + serene
Layout
2 col · asymmetric · airy
Open section
02
gallery
Strong
A vast dark void punctuated by scattered cinematic photographs that invite quiet contemplation.
Mood
mysterious + contemplative
Layout
2 col · asymmetric · airy
Open section