a. (live now)
The icon the site uses today: italic Newsreader a with the red dot landed like a full stop.
cp design-preview/public/favicons/00-current/{icon.svg,favicon.ico,apple-icon.png} app/
The request path
Your browser, the wire, the site files, and the red dot on its way: the homepage diagram in one glyph.
cp design-preview/public/favicons/01-route/{icon.svg,favicon.ico,apple-icon.png} app/
Registration mark
The crosshair printers and draftsmen use to say "exactly here". The dot is the request, landed dead centre.
cp design-preview/public/favicons/02-mark/{icon.svg,favicon.ico,apple-icon.png} app/
Ripple
The one animation on the site, frozen: the dot lands and the ring spreads.
cp design-preview/public/favicons/03-ripple/{icon.svg,favicon.ico,apple-icon.png} app/
Pencil note
The margin notes on every page are pencil. This is your initial written in that hand, underlined.
cp design-preview/public/favicons/04-pencil/{icon.svg,favicon.ico,apple-icon.png} app/
Release notes
Your homepage is a changelog. Three rows, the newest version marked in red.
cp design-preview/public/favicons/05-release/{icon.svg,favicon.ico,apple-icon.png} app/
Title block
The corner of the drafting sheet on /how-its-built: lettered A, revision line, and the red status dot.
cp design-preview/public/favicons/06-titleblock/{icon.svg,favicon.ico,apple-icon.png} app/
<a>
The HTML link tag, and your initial. A site whose whole job is to be clicked through to you.
cp design-preview/public/favicons/07-anchor/{icon.svg,favicon.ico,apple-icon.png} app/
AP monogram
Your initials in Newsreader: roman A, italic p in the accent, the same pairing as "Aryan Patel" and "v4.7" in the hero.
cp design-preview/public/favicons/08-monogram/{icon.svg,favicon.ico,apple-icon.png} app/
Sheet 2 of 2
A single drafting sheet with its corner turned in red: the site documents itself.
cp design-preview/public/favicons/09-sheet/{icon.svg,favicon.ico,apple-icon.png} app/
a. day and night
Today's icon, plus a dark-mode twin: in a dark browser it turns to ink with a paper a and a brighter dot.
cp design-preview/public/favicons/10-night/{icon.svg,favicon.ico,apple-icon.png} app/