code-anything.com
Log inStart free

Content

Margin

Margin is a personal writing home built for reading, not for chrome. Everything lives in one warm, narrow column signed by a single motif: THE MARGIN RULE — a continuous inked hairline down the left, with folio numbers (№ 50) and oldstyle-figure dates hung in the gutter as marginalia, a literal play on the name. A quiet running head opens the page; a large serif wordmark is sealed by a hand-inked fountain-pen nib; an editorial lede opens on a serif drop-cap and is signed with a flowing hand-drawn ink signature (pure SVG). Recent essays form an index where a tag, read-time, serif title and one-line excerpt sit on roomy rows split only by hairline rules, each with a hover tick and arrow. The featured essay carries no photograph at all — it is pure type: an oversized ghosted folio number sits behind a broadsheet serif headline in a bordered cream panel. A short Now note, a monthly-letter sign-up and a spare footer of text social links close the page. On load the margin rule draws itself downward, the nib and signature ink themselves in, and column blocks rise gently into place — all motion stilled under prefers-reduced-motion. Warm cream paper, ink-near-black Fraunces serif, oldstyle numerals and a single burnt-sienna accent keep it restful and legible. No images anywhere — inline SVG and CSS only.

Quiet and book-like — a writer’s ruled notebook translated to the web, where one warm column of serif type, oldstyle numerals, a hand-inked nib and signature, and marginalia hung against a single margin rule do all the work. Pure type and ink, no photography.

personal-blog.code-anything.app
Iris HalvorsenField notes on slow workEst. 2019
MarginAn essay notebook by a writer who builds slowly — one letter at a time.
Issue
50

I write about working quietly on long things — software, notebooks, and the patience in between.

Iris Halvorsen
writer & slow builder, from a desk by the window.

Recent essays

50 letters and counting
№ 46
April 30, 2026
Life4 min read

The desk by the window

How one square metre of morning light reshaped a whole writing habit.

Featured
№ 44
Essay of the month14 min read

The long way round: a year of building in the open

Twelve months, one small product and a notebook full of dead ends — an honest account of what shipping slowly actually costs, and what it pays back.

Read the essay
Published April 16, 2026 · the closing letter of Volume II
Now
Summer ’26

Where the desk is pointed

Living by the harbour, drafting Volume III one slow morning at a time, and learning to leave the last paragraph for tomorrow. Reading more paper, refreshing fewer feeds — and answering every letter that lands in the inbox.

A letter, once a month.

One new essay and a few things worth reading, sent the last Sunday of the month. No noise, no unsubscribe games.

That’s the whole notebook for now. Thanks for reading all the way to the margin.

Design rules

The system, applied to any site

Every rule below travels with the template — describe your tweaks and the agent keeps the system intact.

What it decides for you

  • Keep the whole page in one narrow, centred column (around 46em of outer width, ~32em of reading measure) so the writing always leads and nothing competes for attention.
  • Make typography the design: set titles, the wordmark and the lede in a literary serif (Fraunces) in warm near-black, and keep tags, dates, read-times and metadata in a calm 13-16px sans; use oldstyle (text) figures for every number.
  • Run the signature margin rule — one continuous hairline (#E4DCCF) down the left of the column — and hang folio numbers (№ 50) and dates in the gutter beside it as marginalia.
  • Stay almost monochrome on warm cream paper, and spend the single burnt-sienna accent (#A6552E) only on links, the active nav item, tags, the nib/signature ink and the newsletter button.
  • Divide the essay index with hairline rules and generous vertical rhythm instead of cards, boxes or shadows; give every row the same shape — tag · read-time, a serif title, then one line of excerpt.
  • Use NO photography or raster images anywhere — the featured essay is pure type (an oversized ghosted folio behind a broadsheet headline), and every motif (nib, signature, fleuron, end-mark) is inline SVG or a text glyph.
  • Keep motion tasteful and optional: the rule draws down, the nib and signature ink in, blocks rise on load — and all of it must stop entirely under prefers-reduced-motion.

Ships with

Running head + serif wordmark masthead (nib seal, Writing / Now / About nav)Editorial lede with a serif drop-cap and a hand-drawn ink signatureRecent essays index (folio № + oldstyle date in the margin, tag · read-time, serif title, one-line excerpt on hairline rules)Featured essay in pure type — oversized ghosted folio behind a broadsheet headline (no photo)A short "Now" noteMonthly-letter sign-up block with an email fieldMinimal footer with text social links

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Fraunces

Body

Inter

Radius

8px

Explore palettes

Keep looking

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.