Ilja van Eck
Bold, editorial creative developer portfolio. Extreme-scale condensed display type meets stark monochrome cards, balancing raw impact with polished interaction craft.
Visit siteColour
Background#292929
Text#ffffff
Surface#ffffff
Muted#292929
Typefaces
- Display
- Porlane
- Body
- Neuemontreal
- Mono
- —
- Source
- self_hosted
- Scale
- 10 · 12 · 13 · 14 · 15 · 17
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 16px
Capture
- Category
- portfolio
- Sections
- 12
- Captured
- 2026-08-29
- Rhythm
- dark x4 → light x4 → dark x3 → light
Type rules
- display headlines set in ultra-compressed uppercase
- body text in clean neutral grotesque around 61 characters per line
Colour rules
- strict high-contrast monochrome using deep charcoal and crisp white
- no vibrant chromatic accents across UI elements
Voice rules
- first-person introduction with collaborative credit
- concise service descriptions
Holds it together
- use compressed display typography for maximum scale in hero and showcase cards
- enclose content blocks in high-contrast monochrome rounded cards
- alternate between deep charcoal background sequences and crisp white showcase cards
Contrast
text on background14.6:1 AAA
Type, measured
- Body
- 17px / 1.3
- Measure
- 61 characters
- Display
- 422px / 0.8
- Tracking
- 0em display
- Scale ratio
- 2.23
Voice
- Tone
- confident, direct
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- explore, see, launch
Built with
- Builder
- webflow
- Framework
- —
- Motion
- gsap
- WebGL
- —
- Nav
- sticky_top_bar, 7 items, sticky
- Length
- 15 screens
Sections in page order
3 marked strong · 12- 00
hero
Monochrome dark portfolio hero defined by gigantic condensed typography that dominates the entire screen.
- Mood
- bold + raw
- Layout
- 1 col · full bleed · dense
- 01
hero
A clean, restrained portfolio hero pairing a large statement card in stark monochrome with full-height speaker photography.
- Mood
- quiet + editorial
- Layout
- 1 col · split · airy
- 02
statement
A stark, quiet charcoal transition section designed to reveal personal statement copy on scroll.
- Mood
- quiet + raw
- Layout
- 1 col · stacked · airy
- 03
feature grid
StrongRestrained dark-mode service matrix anchored by minimal rounded cards, generative geometric icons, and generous negative space.
- Mood
- quiet + clinical
- Layout
- 15 col · asymmetric · airy
- 04
showcase
A stark, high-contrast monochrome showcase pairing compressed display type on crisp white against a massive dark embedded viewport.
- Mood
- bold + editorial
- Layout
- 16 col · split · airy
- 05
showcase
Minimalist split-screen case study card pairing bold ultra-condensed typography and pill tags with dark interactive media.
- Mood
- editorial + quiet
- Layout
- 2 col · split · airy
- 06
showcase
High-contrast portfolio showcase pairing stark white editorial typography with an immersive dark-mode crypto interface visual.
- Mood
- bold + clinical
- Layout
- 12 col · split · balanced
- 07
showcase
A stark, high-contrast case study showcase balancing condensed editorial typography against a minimal embedded project preview screen.
- Mood
- editorial + bold
- Layout
- 2 col · split · airy
- 08
showcase
A dark, highly disciplined line-item awards showcase pushed to the right edge with generous negative space.
- Mood
- quiet + clinical
- Layout
- 16 col · asymmetric · balanced
- 09
announcement
A bold uppercase ticker band framing an expansive minimal layout with stark contrast.
- Mood
- bold + raw
- Layout
- 1 col · full bleed · airy
- 10
testimonial
StrongA dark, highly structured testimonial table organized into clean horizontal rows with geometric icon avatars.
- Mood
- clinical + quiet
- Layout
- 10 col · grid · balanced
- 11
footer
StrongExpansive, airy contact footer framed by perimeter metadata and centered contact details with generous negative space.
- Mood
- quiet + editorial
- Layout
- 1 col · stacked · airy
