Commit 9eea3d4
committed
fix(brand): the tab was showing a different mark from every page
Measured, not eyeballed. logo.png — what the site header, the footer, the deck,
the one-pager and the social card all draw — is 44.8% violet #6E54FF and 42.6%
amber #FEAD44. The icons were 85% violet background and 10.9% white mark, with
no amber at all. So the browser tab showed a one-colour silhouette while every
surface underneath it showed a two-colour one, and the split is the idea: two
parties on two sides of one debt.
It was also failing at the size that matters. White on violet has so little
edge left after downscaling that at 16px it collapsed into a violet blob.
docs/build-icons.py now derives all three from the one mark, on the site's own
--color-surface. Checked against a light and a dark tab bar at 32/24/16px: the
square is load-bearing, because on transparent the violet half disappears into
dark browser chrome while the amber survives — which would have traded one
inconsistency for a worse one. apple-icon is deliberately full-bleed, since iOS
applies its own mask and rounding it here leaves white notches in the corners.
Everything else was already consistent: header, footer and pitch nav on all
three routes, both deck footers (the accent slide's white mono mark is the
intended inversion), the one-pager and the OpenGraph card.1 parent f07ef94 commit 9eea3d4
4 files changed
Lines changed: 69 additions & 0 deletions
Loading
Binary file not shown.
Loading
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
| 1 | + | |
| 2 | + | |
| 3 | + | |
| 4 | + | |
| 5 | + | |
| 6 | + | |
| 7 | + | |
| 8 | + | |
| 9 | + | |
| 10 | + | |
| 11 | + | |
| 12 | + | |
| 13 | + | |
| 14 | + | |
| 15 | + | |
| 16 | + | |
| 17 | + | |
| 18 | + | |
| 19 | + | |
| 20 | + | |
| 21 | + | |
| 22 | + | |
| 23 | + | |
| 24 | + | |
| 25 | + | |
| 26 | + | |
| 27 | + | |
| 28 | + | |
| 29 | + | |
| 30 | + | |
| 31 | + | |
| 32 | + | |
| 33 | + | |
| 34 | + | |
| 35 | + | |
| 36 | + | |
| 37 | + | |
| 38 | + | |
| 39 | + | |
| 40 | + | |
| 41 | + | |
| 42 | + | |
| 43 | + | |
| 44 | + | |
| 45 | + | |
| 46 | + | |
| 47 | + | |
| 48 | + | |
| 49 | + | |
| 50 | + | |
| 51 | + | |
| 52 | + | |
| 53 | + | |
| 54 | + | |
| 55 | + | |
| 56 | + | |
| 57 | + | |
| 58 | + | |
| 59 | + | |
| 60 | + | |
| 61 | + | |
| 62 | + | |
| 63 | + | |
| 64 | + | |
| 65 | + | |
| 66 | + | |
| 67 | + | |
| 68 | + | |
| 69 | + | |
0 commit comments