How to keep typography you find while surfing

You notice a serif that feels expensive without being costume. You don’t know the name. You tell yourself you’ll WhatTheFont it later. Later, the site has swapped the face, or you can’t remember which of twelve open tabs it was. The reference is gone. The feeling remains, uselessly.

Typography references die in three places: unnamed screenshots, font wishlists you’ll never open, and Pinterest boards of posters that don’t match the UI you actually design. The fix is to keep type the way you keep any other visual: as a picture, a source, and a note.

Save the specimen, not just the name

A font name in a list (“try GT Sectra”) has no size, no tracking, no pairing, no paper color. The specimen is the work. Crop the headline and the deck together. Keep a paragraph if the texture of the text block is the point. If the site uses a variable optical size, capture both the display and the body — they’re often different decisions.

When you do know the name, put it in the note, not as the only record. Names change, licenses change, the feeling doesn’t.

Pairings and context beat isolated glyphs

“Nice G” is not a reference. “Editorial serif with a grotesque eyebrow, tight crop, lots of air” is. Keep:

• Headline + subhead as one crop (the pairing)
• UI type in situ (nav, buttons, tables — not just heroes)
• Bad examples, labeled: “too much contrast at this size”

Negative references are underrated. A private library can hold “never this tracking” without you having to perform a hot take about it.

A note template that takes ten seconds

When you keep type, write some version of:

• What to steal (rhythm, optical size, mix of case)
• What to ignore (ornament, a display face that only works at 120px)
• Where you’d use it (packaging, a docs site, a portfolio)

That’s enough to search later: “quiet serif docs” will surface it. “Aa.png” will not.

Keep the pairing. The foundry page will still be there if you need a license. The composition on that one homepage might not.

How keep.surf fits

Use the extension to snip a type lockup or keep a selected headline. The source URL stays attached so you can return to the live page. Your library can mix type with UI and full pages — because that’s how you found them, mixed together, while surfing.

You don’t need a separate “font app” and a separate “moodboard.” You need one visual history of what stopped you. Start keeping the next face that catches your eye, before the tab is gone.