Skip to content
Library

Jonas Pelzer. Literary broadsheet on white paper.

  • Studio
  • Light theme
  • 7 colors
  • 2 typefaces

A literary editorial portfolio rendered as a typographic broadsheet on white paper. The page reads like a magazine spread: a single weight-400 display headline mixes roman and italic to create rhythm without resorting to bold, every paragraph earns its place, and the entire chromatic system is reduced to a single violet ink. The brand violet (#3502ff) is rationed — appearing only as the active nav pill, an active border accent, and a single deep text link — while a softer lavender wash (#c2b3ff) provides surface variety on accent cards. Spacing is compact and the grid is opinionated, with hard-edged 12px radii everywhere and almost no shadow depth. The visual system rewards restraint: negative space, type weight, and a single accent color do the work that color, elevation, and decoration do elsewhere.

Screenshot of Jonas Pelzer
Captured from jonaspelzer.com on October 11, 2026

Jonas Pelzer design system

Jonas Pelzer

Brand2

  • Violet outline accent for tags, dividers, and focused UI edges. Do not promote it to the primary CTA color

  • Violet text accent for links, tags, and emphasized short phrases. Do not promote it to the primary CTA color

Accent2

  • Accent card surfaces, large decorative blocks, soft section backgrounds

  • Outlined nav pill border, ghost button border — violet at a quarter saturation so inactive actions whisper rather than shout

Neutrals3

  • All text, hairline borders, dividers, list separators

  • Secondary borders, card outlines, inactive dividers

  • Page background, card surfaces, nav backgrounds

Try a pairing

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

Aa

Paper White on Violet Ink

8.06 : 1 contrast

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

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