portfoliofiled 11 August 2026
Rauno Freiberg
A portfolio that documents its own seams — interaction craft, written down.
rauno.me
What to steal
- 01Monospace for metadata and labels, proportional type for prose — the two registers do the hierarchy work that colour usually does.
- 02The hover and focus states are the content. Every element rewards a cursor, which is the whole argument of the site.
- 03Craft notes are published as a list of small, named details, so the invisible work becomes browsable.
- 04Restraint as a signature: near-monochrome, one blue, and motion measured in a few frames.
Notes
The site argues its own case: you cannot claim to care about interaction and ship a static page. Everything responds, and nothing shouts.
The part worth copying is not the palette but the habit — writing down the tiny decisions (a transition curve, a focus ring, where a tooltip anchors) as publishable notes rather than leaving them in the code.
Palette
Pulled from the site's own stylesheets. Tap a swatch to copy it.
Type
- display
- X (custom sans)
- body
- JetBrains Mono
- mono
- JetBrains Mono
Filed under
pull5 out of 5