Daniel Santos

Quiet, disciplined Swiss modernism on an all-dark canvas. Massive sentence-case typography paired with atmospheric vertical light slats creates an understated, high-end editorial presence.

quiet bold dreamy clinical

Visit site

Colour

Background#171a1c

Text#fcfcfd

Accent#d36e42

Surface#212529

Muted#a2acb5

Typefaces

Display: neue-haas-grotesk-display
Body: neue-haas-grotesk-text
Mono: —
Source: adobe
Scale: 8 · 16 · 19 · 22 · 24 · 36

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 12px · 999px

Capture

Category: portfolio
Sections: 8
Captured: 2026-08-29
Rhythm: dark x8

Type rules

display headlines set in sentence case with tight tracking and muted secondary lines
body measure constrained to approximately 70 characters per line

Colour rules

deep dark background tones (#171a1c and #212529) comprise over 95 percent of visual field
warm terracotta accent (#d36e42) strictly reserved for circular arrow badges within pill buttons

Voice rules

conversational first-person voice without fluff
short one-sentence service summaries

Holds it together

accent colour #d36e42 appears exclusively inside circular action pill badges
subordinate titles in large display blocks are muted with secondary grey tone
cards and form fields use subtle dark surface fills (#212529) with delicate hairline borders (#30363d)

Contrast

text on background17.1:1 AAA

muted text on background7.6:1 AAA

text on surface15.1:1 AAA

accent on background5.1:1 AA

background on accent5.1:1 AA

Type, measured

Body: 16px / 1.5
Measure: 70 characters
Display: 80px / 1.1
Tracking: -0.015em display
Scale ratio: 1.50

Voice

Tone: understated, confident, direct
Sentences: short
Person: first
Vocabulary: plain
Calls to action: see, send, get

Built with

Builder: webflow
Framework: —
Motion: gsap, lenis, swiper
WebGL: yes
Nav: —
Length: 6.6 screens

Sections in page order

3 marked strong · 8

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

00
nav
Quiet, minimalist dark navigation bar with clean Swiss typography and an understated pill contact button.
Mood
quiet + clinical
Layout
16 col · split · airy
Open section →
01
hero
Strong
Minimalist dark portfolio hero with massive sans-serif typography establishing immediate identity and restrained interactive accents.
Mood
bold + quiet
Layout
16 col · stacked · airy
Open section →
02
hero
Strong
Atmospheric and mysterious, with soft glowing vertical light slats cutting through deep midnight tones and sparse, precise typography.
Mood
dreamy + quiet
Layout
12 col · full bleed · airy
Open section →
03
feature grid
Sleek monochromatic service cards featuring subtle dark-mode UI graphics and precise typographic hierarchy.
Mood
clinical + quiet
Layout
3 col · grid · balanced
Open section →
04
showcase
Strong
A dark, disciplined portfolio showcase displaying project case studies in a clean two-column grid with classic Swiss grotesque typography.
Mood
quiet + editorial
Layout
2 col · grid · balanced
Open section →
05
testimonial
A quiet, dark testimonial carousel presenting client reviews in rounded dark cards with minimal typography.
Mood
quiet + clinical
Layout
1 col · grid · airy
Open section →
06
cta
Subdued dark contact section pairing direct neo-grotesque typography with an airy two-column form layout.
Mood
quiet
Layout
2 col · split · airy
Open section →
07
footer
Quiet, dark portfolio footer with clean typographic hierarchy, structured navigation columns, and subtle third-party review badge.
Mood
quiet + clinical
Layout
11 col · grid · balanced
Open section →