Screenshot of Dennis Snellenberg

Dennis Snellenberg

dennissnellenberg.com

The reference for a full-bleed freelancer portfolio where a 200px+ name bleeds off the bottom edge over a mid-grey studio-photo canvas, with electric iris #455ce9 as the only colour that ever breaks the monochrome.

Design Portfolio flagship

Design tokens

background
surface
text
textMuted
accent
tone1
tone2
display
Dennis Sans
body
Dennis Sans
mono

Do / Don't

Reference it for

  • Giant display name (around 216px) set in a neutral grotesk at a single medium weight (500), cropped so the word bleeds past both page edges
  • Mid-grey photographic canvas (roughly #9a9d9e) instead of white, with a full-height portrait shot centred behind the type
  • Tiny 12-15px white body labels (Freelance / Designer & Developer) stacked in the right column, floated against the photo
  • Dark rounded status pill (#1c1d20) bottom-left pairing a two-line label with a circular globe glyph, sized like a large capsule (radius ~36px)
  • Minimal top bar: wordmark copyright mark left (© Code by Dennis), three plain text nav links right (Work / About / Contact), no button chrome
  • A single small down-right arrow glyph as the only scroll affordance, no 'scroll' label
  • Electric iris accent #455ce9 reserved as rare punctuation on link fills and cards, never as background or decoration
  • 1px inset white ring (rgba(255,255,255,0.2) 0 0 0 1px inset) as the entire elevation language, no drop shadows

Do not copy

  • The Dennis Snellenberg name lockup and the © Code by Dennis wordmark
  • The specific founder portrait / studio photograph
  • The 'Located in the Netherlands' status pill copy
  • The bespoke 'Dennis Sans' custom face (substitute a neutral grotesk)
  • The Freelance Designer & Developer positioning line verbatim