@@ -29,9 +29,12 @@ icons/
2929 lockup-h-white.svg
3030 lockup-s-black.svg mark over wordmark 191x123
3131 lockup-s-white.svg
32+ icon-ink.svg backgrounded tile 48x48
33+ icon-paper.svg
3234 favicon.svg adapts to colour scheme
3335 favicon.ico 16 / 32 / 48 packed
34- png/ mark-{black,white}-{16..2048}.png
36+ png/ mark-{black,white}-{16..2048}.png transparent
37+ icon-{ink,paper}-{180,192,256,512,1024}.png opaque
3538```
3639
3740The ` exports ` wildcard is ` "./*": "./*" ` , so new folders work without touching
@@ -55,6 +58,14 @@ slightly tighter, heavier cut (radius 17.5, stroke 9) so the mark holds its
5558shape at small sizes. Everything 64px and up uses the standard geometry. Don't
5659scale the optical variant up; don't scale the standard one below 64px.
5760
61+ ** Backgrounded tiles** — ` icon-ink.* ` and ` icon-paper.* ` are opaque squares
62+ with the mark at 62% of the tile, the standard app-icon glyph proportion. Use
63+ them anywhere transparency breaks: iOS app icons (Apple rejects alpha),
64+ ` apple-touch-icon ` , and social avatars on GitHub / X / LinkedIn, which
65+ circle-crop. The mark is a circle sitting well inside that crop, so nothing
66+ clips. Ship the plain square — every platform applies its own corner masking,
67+ so baking in rounded corners double-rounds it.
68+
5869** Don't** — recolour outside ink ` #1A1613 ` and white, rotate the mark, close
5970the two gaps, change the arc weights independently, or place the ink mark on a
6071dark background (use the white variant).
0 commit comments