Skip to content
Library

Rauno Freiberg. Sticky-note manifesto, cropped poster type.

  • Studio
  • Light theme
  • 10 colors
  • 1 typeface

Rauno Freiberg is a horizontally scrolling personal reel: a Fog Canvas #ededed field carrying a single row of square-cornered Paper #ffffff panels, steered by a tiny gray minimap at the top and a thin crosshair cursor. Each panel is a poster with one idea: an 85px bio set over a Signal Yellow #ffff02 disc, 720px words like "DD", "Craft" and "Projects" cropped by the panel edges, a Devour Orange #ff5800 circle, a Cursor Blue #0000ff pixel hand, red handwritten field notes, and a closing yellow "Make it fast." manifesto. Everything is PP Neue Montreal at a single weight with zero tracking, so scale and cropping do all the work. There are no shadows, no rounded panels and no chrome beyond 14px gray captions.

Screenshot of Rauno Freiberg
Captured from rauno.me on October 17, 2026

Rauno Freiberg design system

Rauno Freiberg

Brand1

  • The intro disc behind the bio and the full-bleed manifesto panel — the site's one loud colour, used as a flat shape, never as text

Accent3

  • The flat 9999px disc that replaces a letter in the Devouring Details panel — a single hot punctuation mark

  • Fill of the pixel-art pointing-hand cursor in the History of Software Design panel — pure RGB blue as a retro screen cue

  • Hand-drawn SVG lettering of "Rauno's Field Notes" — a marker-pen red that marks the notebook panel as personal

Neutrals6

  • The 720px cropped panel words and the 75px manifesto lines — pure black for poster-scale type

  • The 85px bio statement and the Twitter, Email and GitHub link panel — a softened black for reading-size text

  • The 14px captions that sit above each panel ("Devouring Details", "Craft", "Projects")

  • Minimap tick lines and the 1px outline of the minimap tracker rectangle at the top of the viewport

  • The page field and theme colour around the panel row — a flat studio-wall gray that frames every white panel

  • Fill of every content panel; square-cornered, unbordered and shadowless against Fog Canvas

Try a pairing

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

Aa

Ink on Signal Yellow

19.56 : 1 contrast

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

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