ArchivoANIMATARS. Aa Bb 0123
Headlines, UI and the logo. Logo: Black (900), width 115%, tracking −2%, all caps. Headlines: Black, width 80%, all caps. Body: Regular–Medium.
Download Archivo ↗01 — The logo
One word. One full stop.
One color, black. On yellow, cyan, or anywhere the magenta period would clash.
On magenta. Always the one-color black — never a magenta period on magenta.
One color, white. Over photos, video and single-ink print or embroidery.
02 — Clear space & size
Give it room.
Keep clear space on every side equal to the height of the A. Never set the wordmark narrower than 96px on screen or 25mm in print — below that, use the icon.
A
A
03 — Icon & favicon
The A, full stop.
The A. from the wordmark, scaled up to fill the tile. Use it wherever the wordmark won't fit: profile pictures, app icons, browser tabs.
04 — Color
Ink, paper, three inks.
Ink and paper do most of the work. Yellow is for the main button, magenta for the period and accents, cyan for labels and links. Click any color to copy its code.
Deep magenta #D82071 replaces magenta for small text on paper, where the bright version is too light to read.
05 — Typography
Three voices.
All three are free Google Fonts under the SIL Open Font License — fine for web, print and commercial use.
Source Serifpeople follow. Aa Bb 0123
The accent voice. Italic 500, sentence case — one phrase per headline, never a whole paragraph.
Download Source Serif 4 ↗JetBrains01 — The creator pool
Labels and small print. Medium 500, 11–13px, all caps, tracking +8%. Section numbers, tags, prices-in-small.
Download JetBrains Mono ↗06 — Please don't
The files.
Download everything (.zip) ↓
The zip has every file plus a README (favicon install code, font links, color codes).