Kuba Fidler

Atmospheric, dark cinematic portfolio with stark visual presence. A deep charcoal backdrop is pierced by bold crimson typography and intricate white line-art character designs. Massive visual pauses and dark voids create theatrical pacing between showcase pieces.

bold quiet

Visit site ↗

Colour

Background#202020

Text#a6a6a6

Accent#ad0000

Surface#f5f5f4

Muted#797979

Typefaces

Display: Mattone
Body: Inter
Mono: —
Source: self_hosted
Scale: 12 · 14 · 16 · 18 · 24 · 64

Layout

Grid: 12 columns
Container: 1384px
Spacing base: 4px
Radius: 0px

Capture

Category: portfolio
Sections: 9
Captured: 2026-08-27
Rhythm: dark x7 → light → dark

Type rules

display headings set in bold uppercase Mattone at 64px
body text limited to 48 characters per line at 12px

Colour rules

blood-red #ad0000 reserved exclusively for hero titles and key interactive highlights
dark charcoal #202020 forms the backdrop for over 95 percent of the experience

Voice rules

all headers and navigation labels in uppercase
minimalist copy deferring to visual work

Holds it together

hero title typography interweaves directly behind and over the linework illustration
blood-red accent is strictly reserved for primary role titles and focal actions
navigation and metadata labels always appear in uppercase sans-serif at small scale

Contrast

text on background6.7:1 AA

muted text on background3.7:1 AA Large

text on surface2.2:1 fail

accent on background2.1:1 fail

background on accent2.1:1 fail

Type, measured

Body: 12px / 1.6
Measure: 48 characters
Display: 64px / 1.2
Tracking: -0.013em display
Scale ratio: 1.52

Voice

Tone: concise, dramatic, direct
Sentences: short
Person: first
Vocabulary: plain
Calls to action: scroll, build, copy, talk

Built with

Builder: framer
Framework: —
Motion: —
WebGL: yes
Nav: top_bar, 2 items
Length: 12.9 screens

Colour, by area

accent on text, container, headline_word

#202020 0%#ad0000 0%#797979 0%#f5f5f4 0%

Sections in page order

3 strongest marked · 9

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

00
hero
Strongest
Moody, dark portfolio hero dominated by an intricate white line-art character illustration interwoven with bold crimson typography.
Mood
bold + raw
Layout
1 col · asymmetric · balanced
Open section →
01
video
An expansive dark grey video backdrop setting a quiet, cinematic stage without typography.
Mood
quiet
Layout
12 col · full bleed · airy
Open section →
02
showcase
Strongest
A stark, shadowy digital character illustration isolated dramatically on an atmospheric charcoal background.
Mood
quiet + raw
Layout
1 col · centered · airy
Open section →
03
showcase
An intense dark void framing a vivid sinister clown illustration with theatrical, dramatic presence.
Mood
bold
Layout
13 col · centered · airy
Open section →
04
other
A monolithic expanse of uniform dark charcoal creating an empty pause in the layout.
Mood
quiet
Layout
12 col · full bleed · airy
Open section →
05
other
Strongest
An empty, uniform dark grey canvas creating an austere visual breathing room within the page layout.
Mood
quiet
Layout
12 col · full bleed · airy
Open section →
06
gallery
A stark, empty container layout designed purely for full-bleed visual assets without any accompanying text.
Mood
quiet
Layout
12 col · grid · airy
Open section →
07
cta
An expansive, minimalist light call-to-action section built around a bold collaborative headline.
Mood
quiet + bold
Layout
12 col · stacked · airy
Open section →
08
other
An extremely sparse, quiet transitional container providing breathing room within the page layout.
Mood
quiet
Layout
12 col · stacked · airy
Open section →