Skip to content
Library

Tparkes. Editorial broadsheet on white.

  • Design tools
  • Light theme
  • 9 colors
  • 2 typefaces

Tparkes is a typographic portfolio that treats the page as a printed broadsheet: almost entirely monochrome, white-canvas, text-driven, with one warm cream accent (#f5ffbe) appearing as a flash of color on a single surface. The hero is a single oversized statement — Instrumentsans at 86px, weight 600, line-height 0.83, negative tracking — that swallows the viewport and uses inline glyph icons (bird, plane, flower) as visual punctuation rather than decoration. Everything else recedes: a tiny 4px-radiused avatar, 20px nav items, a thin hairline border as section divider, and work thumbnails that are full-bleed images with 16px radius and quiet captions underneath. The system is anti-decorative — no shadows, no gradients, no fills on buttons, no card elevation. Communication is carried by scale, weight, and proximity, not by color or chrome.

Screenshot of Tparkes
Captured from tparkes.com on October 11, 2026

Tparkes design system

Tparkes

Accent1

  • The single chromatic moment — a warm pale-yellow surface used as a full-bleed band, never as fill or text

Neutrals8

  • Nav text and nav borders, maximum-contrast moments

  • Nav foreground, slight off-black for body nav links

  • Primary text, dominant hairline borders, image outlines

  • Outlined link borders, secondary link text — a quiet hover/focus state

  • Muted text, secondary borders, caption-scale copy

  • Display-weight text, large heading fills where contrast is intentionally reduced

  • Hairline dividers, icon strokes, light borders

  • Page canvas, card surfaces, work-thumbnail backings

Try a pairing

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

Aa

Ink on Hi-Liter Wash

19.93 : 1 contrast

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

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