Jens Bosman
jensbosman.nlThe reference for solo motion-director portfolios — pure black canvas with monumental Helvetica display type, pill-shaped chip nav, and a single sticky "W." / vertical "Honors" chrome mark.
Design tokens
- display
- HelveticaNow Bold
- displayMedium
- HelveticaNow Medium
- body
- HelveticaNow Regular
- h1Fallback
- sans-serif (system - used on the largest 394.85px H1)
- secondary
- Times (4 hits - likely italic emphasis fallback)
- mono
- none
Do / Don't
Reference it for
- Pure black rgb(0, 0, 0) page — no near-black softening, no second surface layer (Koto does #141414 / #202020; Jens just commits to true black)
- White-only chromatic system — rgb(255, 255, 255) text + 90% / 40% alpha tiers for hierarchy (no muted grey)
- HelveticaNow Display Bold / Medium / Regular triple — only 3 cuts, no monospace, no condensed
- Monumental display scale — 132 / 169 / 173 / 197 / 295 / 395px tiers on a single page
- Negative letter-spacing on giant display — -7.89696px (-2%) and -10.1871px (-3.4%) on the largest cuts
- Pill-button system — border-radius: 68.4714px chips of 178 × 63px with 2px solid borders, alternating fill / outline
- Small "J" identity badge that prefixes section eyebrows — solo-practitioner branding device
- Two-line ALL CAPS brand statement at ~169px, breaking on commas — "ONE-MAN ARMY, COMBINING VIDEO, EDITING..."
Do not copy
- The "JENS BOSMAN" / "Jens is a one-man army" copy verbatim
- The "PERFECT LITTLE WORLDS, FASHIONABLE, DYNAMIC, AND FULL OF LIFE" tagline
- The HelveticaNow Display font files (Monotype-licensed)
- The "W." sigil — that's the studio mark for Jens's collaborator/agent
- The "Honors" vertical label as-is — that's specific to this portfolio's awards section naming
- The client logos (Mizuno, Cluse, Harpers Bazaar, Footlocker, Filling Pieces, Nubikk, Agnona)
- The "FRAME BY FRAME" section title and photo collage layout exactly
- The "made by TwelveTwenty" footer credit
Signature moves
true-black white-only monumental canvas
pure black rgb(0,0,0) with white-only text at 90%/40% alpha tiers (no muted grey) and a monumental display scale (132-395px) with negative letter-spacing (-2% to -3.4%) on the giant cuts.
pill-chip nav and identity-badge eyebrows
a pill-button system (border-radius ~68px chips of 178x63px, 2px solid borders, alternating fill/outline) plus a small "J" identity badge prefixing section eyebrows and a fixed-right vertical label as minimal global chrome.
filled-and-outlined display ghost-echo
a display marquee repeats a word with the second glyph hollow (filled-and-outlined ghost-echo, e.g. "WORK WORK WORK") and low-contrast brand-list marquees, driven by signature curves cubic-bezier(0.99,0,0.9,0.42) at 0.4s and cubic-bezier(0.55,0.085,0,0.99) at 1.2s with sparing Splitting.js per-letter reveals.
Related references
First Frame
nicheFilm Production
Paris production and post-production studio whose own site is the canonical example of full-bleed black + IBM Plex Mono micro-type + reel-as-hero — the cinematic-craft posture for a portfolio-led service business.
Gianluca Gradogna
nicheDesign Portfolio
a multidisciplinary designer's portfolio that floats a crisp white intro card over a dark, full-bleed photographic world, pairing a clean Neue Montreal grotesque with a high-contrast Times display serif and one slow in-out-sine colour fade.
Hugo Baron
nicheDesign Portfolio
The reference for solo motion-design portfolios that lean on a single brand colour, a giant condensed display face, and a "loading-screen-as-hero" gimmick to read as confident and craft-forward without an agency budget.
Ichiki 109
nicheDesign Portfolio
The reference for Japanese illustrator portfolios — Astro v5 build, IBM Plex Mono + Hiragino + barcode font, off-white blue-tint background, percentage-progress preloader.