Nicolas Mariotti

Austere, confident minimalism. Pure pitch-black canvas with stark white sans-serif typography organized into structured vertical columns. Bracketed mono labels and generous negative space give it the precision of an index or gallery catalog.

quiet

Visit site

Colour

Background#000000

Text#ffffff

Accent#ffffff

Surface#000000

Muted#ffffff

Typefaces

Display: Figtree
Body: Figtree
Mono: Fragment Mono
Source: google
Scale: 10 · 12 · 14 · 16 · 24

Layout

Grid: 14 columns
Container: 1408px
Spacing base: 10px
Radius: 0px

Capture

Category: portfolio
Sections: 2
Captured: 2026-08-29
Rhythm: dark x2

Type rules

display type set in sentence case with negative tracking
section labels enclosed in uppercase brackets using mono styling
body text restricted to under 50 characters per line

Colour rules

pure monochrome palette with zero hue saturation
pure white text set directly on deep black background without intermediate greys

Voice rules

lead with quiet third-person statement of impact
categorize experience and services in bracketed list columns

Holds it together

render every section header inside square brackets in uppercase
arrange content strictly across a horizontal four-column split
eliminate all decorative graphic assets, containers, and borders

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: 14px / 1.3
Measure: 49 characters
Display: 16px / 1.6
Tracking: -0.02em display
Scale ratio: 1.03

Voice

Tone: understated, precise, confident
Sentences: medium
Person: third
Vocabulary: plain
Calls to action: contact

Built with

Builder: framer
Framework: —
Motion: gsap
WebGL: —
Nav: top_bar, 4 items
Length: 1 screens

Sections in page order

2 marked strong · 2

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

00
nav
Strong
An ultra-minimal, stark black navigation bar with quiet white typography spread widely across the header.
Mood
quiet
Layout
14 col · full bleed · airy
Open section →
01
hero
Strong
Stark, pitch-black minimalist portfolio hero structured around quiet typographic columns and precise bracketed labels.
Mood
quiet + clinical
Layout
4 col · grid · airy
Open section →