Icon Language
FaviconsPer-site marks · squared chip · amber glyph
A small family of favicons for the Scratch surfaces. Each is a solid
amber glyph in --accent, drawn full-bleed on a 960 grid and wrapped in a thin
--bg outline so it holds an edge on any tab color. Glyphs are filled, not outlined: at 16 px
an outline muds out, and white/amber collapse, so the mark must read on shape alone. The lone exception is
Edit, which keeps a dark square — that square is the paper being edited, not chrome.
01
The Set
4 marks · 1 touched-up + 3 new
02
At Size
does it survive the tab strip?Every mark shown at its real favicon sizes. The chip edge defines the square against
a dark tab; the glyph must stay legible at 16px.
03
Construction Spec
rules that keep new marks on-language- Canvas
- SVG
viewBox="0 -960 960 960". Glyphs fill the canvas edge-to-edge with a small margin. - Glyph fill
--accent #ffae00. Solid. Never white — white & amber collapse when shrunk.- Outline
- A
30px #0d0f14stroke (paint-order:stroke) wraps each full-bleed glyph so the amber holds an edge on any tab color. - Edit is special
- It keeps a solid
#0d0f14square — that's the paper being edited, not a chrome chip. No other mark gets it. - Detail
- Internal lines/dots are knockouts in
#0d0f14, not a second hue. Keeps every mark 2-color. - Geometry
- Hard corners, miter joins. Diagonals OK (pencil, cube). Avoid fine curves that mud out at 16px.