Giuli Gartner
Cinematic and quiet dark portfolio. Dramatic, flared editorial serif typography floats over deep black space and richly graded travel imagery.
Visit siteColour
Background#0e1012
Text#f3f6fa
Accent#4879a2
Surface#000000
Muted#f3f6fa
Typefaces
- Display
- Roslindale
- Body
- Mint Grotesk
- Mono
- —
- Source
- self_hosted
- Scale
- 10 · 11 · 13 · 16 · 42 · 80
Layout
- Grid
- 13 columns
- Container
- 1312px
- Spacing base
- 4px
- Radius
- 24px
Capture
- Category
- portfolio
- Sections
- 6
- Captured
- 2026-08-29
- Rhythm
- dark throughout
Type rules
- display headlines use high-contrast flared serif at large scale
- interactive badges, navigation, and metadata set in tight uppercase sans
Colour rules
- monochromatic deep charcoal background across all sections
- pure white hairline borders on pill-shaped interaction targets
Voice rules
- inline imagery integrated into narrative headlines
- minimalist case study metadata
Holds it together
- embed miniature rounded visual thumbnails directly within editorial heading lines
- wrap all interactive actions and navigation items in thin pill-shaped outlines
- isolate featured project cards in generous vertical negative space
Contrast
text on background17.6:1 AAA
muted text on background17.6:1 AAA
text on surface19.4:1 AAA
accent on background4.1:1 AA Large
background on accent4.1:1 AA Large
Type, measured
- Body
- 16px / 1.6
- Measure
- 84 characters
- Display
- 108px / 1
- Tracking
- 0em display
- Scale ratio
- 1.61
Voice
- Tone
- poetic, refined
- Sentences
- medium
- Person
- third
- Vocabulary
- evocative
- Calls to action
- read, see
Built with
- Builder
- webflow
- Framework
- —
- Motion
- gsap, lenis
- WebGL
- —
- Nav
- top_bar, 6 items
- Length
- 7.4 screens
Sections in page order
3 marked strong · 6- 00
hero
A dramatic, cinematic portfolio hero pairing high-contrast flared serif typography with a dark, glowing volcanic backdrop.
- Mood
- luxurious + bold
- Layout
- 9 col · full bleed · airy
- 01
hero
An intimate, dark-mode statement hero featuring miniature photo vignettes woven directly into an elegant serif headline.
- Mood
- editorial + quiet
- Layout
- 14 col · centered · airy
- 02
showcase
StrongAn expansive, quiet dark canvas framing a solitary rounded photograph of a dog sled traversing a vast arctic snowfield.
- Mood
- quiet + luxurious
- Layout
- 13 col · centered · airy
- 03
showcase
A serene, quiet photographic showcase floating in vast dark space, evoking tropical stillness and luxury.
- Mood
- quiet + luxurious
- Layout
- 10 col · centered · airy
- 04
showcase
StrongCinematic portfolio showcase featuring layered floating photo and video cards anchored by an elegant serif title and pill CTA.
- Mood
- luxurious + editorial
- Layout
- 8 col · asymmetric · airy
- 05
footer
StrongQuiet, refined dark portfolio footer dominated by an elegant uppercase serif email link framed by minimalist pill tags.
- Mood
- quiet + luxurious
- Layout
- 13 col · centered · airy
