RSS Feeds

Blog
Bookmarks

Colophon

The pieces this site is built from — colours, type, and the robin. A reference for how it's put together.

Colours

Four tokens. Ink never moves. The paper changes per section, and both the lifted surface and recessed inset are mixed from whatever paper they land on — so every card, well and code chip follows the room it's in.

Text & foreground
--color-ink
#1a1919
Page background — one stock per section
--color-paper
#dbe4ed on this page
Lifted cards — derived
--color-surface
white mixed over paper
Recessed wells — derived
--color-inset
ink 10% over paper

The stocks. The tinted ones sit at the same lightness and the same chroma — only the hue moves — so no section shouts louder than another. Home, the garden and the postcards keep the blank one. Home because colour should mean you've gone somewhere, and the other two because they arrive full of colour already.

Blank
#eae8e3
Sand
#f2e0c8
Clay
#fbdbd2
Periwinkle
#d7e3fd
Lilac
#ebdcf6
Slate
#dbe4ed

Typefaces

Apercu
font-sans
Headlines & interface
Colophon Foundry

The quick brown fox jumps over the lazy dog

Fira Mono
font-mono
Body copy & labels
Carrois · Mozilla

The quick brown fox jumps over the lazy dog

LiebeHeide
font-decorative
Handwritten accents
LiebeFonts

The quick brown fox jumps over the lazy dog

Type scale

A fluid scale tuned to the container width, not the viewport.

text-4xlAg
text-3xlAg
text-2xlAg
text-xlAg
text-lgAg
text-mdAg
text-baseAg
text-smAg
text-xsAg

The robin

One bird, a few moods. It's the logo and the favicon. Hover the one in the corner to startle it. Click it to make it angry.

Resting
The logo
Startled
On hover
Angry
On click
Smitten
Fed a crumb
Dazed
You found a 404

Signature details

.marker

A marker highlight, skewed and slightly rotated.

a:hover

Every link tilts into italic on hover.

Built with

Version four, built with Astro and Tailwind CSS. Static wherever it can be — the personal sections (books, films, garden notes) come straight from my Obsidian vault, the bookmarks from a linkding I host myself. Type is set in Apercu, Fira Mono and LiebeHeide. It lives at iamrob.in, served by a small Node server on Hetzner via Coolify.

Last updated 1 month ago — v4.0.0