Watered Silk — Style Guide

Internal reference only, not linked from the public site. This is the one place to look when tuning colors, fonts, and spacing — every value here comes from src/styles/tokens.css. Change a token there and it updates everywhere on the real site too.

Background color — "butter"

Four candidate shades below. The page background right now uses the one marked "current default." Pick a favorite (or ask for a different direction entirely) and I'll update --color-bgin tokens.css.

Butter 1 — pale

Butter 2 — current default

Butter 3 — richer

Butter 4 — muted/green-ish

Headings — Bodoni Moda

Heading 1 — The Coast Road to Positano

Heading 2 — Notes from a Slow Train

Heading 3 — A Week in the Dolomites

Body text — Newsreader

The body copy uses a warmer, more readable serif than the heading font, since Bodoni-style faces get fatiguing at long lengths. This paragraph is set at the site's base size and line height, so it should read the way an actual post will read — comfortable at arm's length, not too tight, not too loose. It also carries a link, styled like this, so you can see how it sits inside a run of text.

Pull quote

The market smelled like cardamom and diesel, and somehow both were exactly right.

Image with caption

1200 × 800 image placeholder

A quiet street near the harbor, late afternoon.

Buttons

Text colors

Primary text color (--color-text)

Muted text color (--color-text-muted) — used for captions, dates, small labels.

Accent color (--color-accent) — used for links.