romainavalle-dev

Brutalist and digitally experimental. The experience contrasts an aggressive, WebGL-driven ASCII art canvas against a stark, archival Swiss index. Pure monochrome contrast removes all superficial styling to foreground raw code craft and dense typographic data.

rebellious clinical

Visit site

Rated

7.0/ 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.9
Systemmeasured: 7.1
Distinctionmeasured: 1.1

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

Colour

Background#ffffff

Text#000000

Accent#000000

Surface#000000

Muted#000000

Typefaces

Display: RemusVariableVF
Body: RemusVariableVF
Mono: —
Source: self_hosted
Scale: 12 · 16 · 41

Layout

Grid: 12 columns
Container: 1399px
Spacing base: 10px
Radius: 0px · 9999px

Capture

Category: portfolio
Sections: 3
Captured: 2026-09-02
Rhythm: dark → light x2

Type rules

single variable typeface family used across all hierarchy levels
negative tracking applied uniformly to headings and body lines
tight line-height matching technical print ledgers

Colour rules

strict binary black-and-white palette with zero chromatic color
inverted dark-mode viewport hero transitioning to crisp white editorial sections

Voice rules

candid first-person biography with casual conversational parentheticals
awards quantified strictly as multiplication tallies

Holds it together

restrict all visual elements to pure #000000 and #ffffff values
structure project archives into bordered, multi-column tabular ledger rows
float global identity and CTA within a centered dark pill capsule at the screen bottom

Contrast

text on background21.0:1 AAA

muted text on background21.0:1 AAA

accent on background21.0:1 AAA

background on accent21.0:1 AAA

Type, measured

Body: 16px / 1.2
Measure: —
Display: 41px / 1.05
Tracking: -0.015em display
Scale ratio: 1.27

Voice

Tone: candid, authoritative
Sentences: medium
Person: first
Vocabulary: technical
Calls to action: talk

Built with

Builder: —
Framework: nuxt
Motion: —
WebGL: yes
Nav: sticky_top_bar, 1 items, sticky
Length: 6.8 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
A raw, experimental ascii-art graphic hero with fractured typography creating a glitchy, hacker-like digital atmosphere.
Mood
rebellious + gritty
Layout
1 col · asymmetric · dense
Open section →
$A raw, experimental ascii-art graphic hero with fractured typography creating a glitchy, hacker-like digital atmosphere.$
01
statement
Strong
Stark, utilitarian editorial biography set in crisp monochrome typography against vast negative space.
Mood
clinical + contemplative
Layout
2 col · asymmetric · airy
Open section →
02
showcase
Strong
An austere, high-density index that catalogs past projects with the rigorous precision of a Swiss archival ledger.
Mood
clinical
Layout
12 col · stacked · dense
Open section →