Karolina Hess

Understated editorial elegance defined by cavernous negative space and scale contrast. A crisp light grey opening transitions into deep forest green, accented with punchy chartreuse highlights and pill-shaped media frames.

editorial quiet

Visit site ↗

Colour

Background#1a5241

Text#fafafa

Accent#bfdb39

Surface#e9e8e8

Muted#5c5c5c

Typefaces

Display: Neue Montreal Regular
Body: Neue Montreal Regular
Mono: —
Source: self_hosted
Scale: 14 · 16 · 18 · 30 · 48 · 70

Layout

Grid: —
Container: —
Spacing base: 10px
Radius: 9999px

Capture

Category: portfolio
Sections: 3
Captured: 2026-08-27
Rhythm: light → dark x2

Type rules

display type set with tight line-height of 0.8 and tight negative tracking
body copy centered with an optimal line measure under 70 characters

Colour rules

deep forest green (#1a5241) forms the immersive base across major sections
chartreuse lime (#bfdb39) applies selectively to single emphasized words and active pill controls

Voice rules

highlight key emphasis words in neon lime
keep statements punchy without industry jargon

Holds it together

use pill-shaped geometric containers for media triggers and floating navigation badges
apply neon chartreuse strictly to highlight individual words inside headline sentences
maintain expansive vertical spacing between concise centered statements

Contrast

text on background8.7:1 AAA

muted text on background1.4:1 fail

text on surface1.2:1 fail

accent on background5.8:1 AA

background on accent5.8:1 AA

Type, measured

Body: 18px / 1.3
Measure: 67 characters
Display: 140px / 0.8
Tracking: -0.04em display
Scale ratio: 1.67

Voice

Tone: confident, understated
Sentences: short
Person: first
Vocabulary: plain
Calls to action: play, drop, work

Built with

Builder: framer
Framework: —
Motion: lenis
WebGL: —
Nav: top_bar, 4 items
Length: 7.6 screens

Colour, by area

accent on primary_button, headline_word, container, text

#1a5241 0%#e9e8e8 0%#fafafa 0%#c2c2c2 0%#bfdb39 0%#ffffff 0%

Sections in page order

3 strongest marked · 3

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

00
hero
Strongest
A split-tone designer portfolio hero balancing stark typography with deep forest green and an oversized pill video player.
Mood
editorial + bold
Layout
16 col · stacked · airy
Open section →
01
hero
Strongest
An ultra-minimal, cavernously spaced dark green statement section with centered typography and vivid lime accents.
Mood
quiet + editorial
Layout
1 col · centered · airy
Open section →
02
other
Strongest
An entirely blank, deep forest green expanse serving as a calm full-bleed atmospheric transition.
Mood
quiet
Layout
12 col · full bleed · airy
Open section →