Dennis Snellenberg
dennissnellenberg.comThe 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