Skip to content
Browse
Library

Dennis Snellenberg. Dark editorial canvas with giant quiet headlines.

  • Studio
  • Dark theme
  • 6 colors
  • 1 typeface

A dark editorial portfolio language built on a near-black canvas where the only color that matters is a single vivid violet. The entire interface collapses to two tones — #1c1d20 for the world, #ffffff for everything written — with a custom sans-serif at a fixed medium weight doing all the talking. Typography is the protagonist: a 216px display name bleeds off the page edge, while 12–15px body copy floats beside full-bleed photography. Violet appears as rare punctuation on cards and link fills, never as decoration. Components are flat, borderless, and large — rounded pills replace buttons, and a single 1px inset white ring is the only shadow language in the system.

Visit dennissnellenberg.com
Screenshot of Dennis Snellenberg
Captured from dennissnellenberg.com on October 11, 2026

Dennis Snellenberg design system

Dennis Snellenberg

Brand2

  • Accent card fills, link/button backgrounds, active state highlights — the one chromatic voice; its vividness is amplified by 99% achromatic surroundings

  • Secondary accent surface, deeper violet card variant — used when the primary iris needs a stepped companion for layered cards or gradient-feeling stacks

Neutrals4

  • Page background, card surfaces, text on light surfaces, hairline borders — the near-black that owns 95% of the interface

  • Elevated surface layer above the canvas, soft card backgrounds, link hover glow — adds a half-step of depth without breaking the monochrome read

  • Muted secondary text, captions, metadata — sits between the canvas and white in the neutral scale

  • Primary text, inverted card surfaces, link text on violet, subtle inset borders — the only light tone in the system

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Bone White on Electric Iris

5.30 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.