Signal
White, black, and safety yellow with square corners. Light mode only, and no focus color defined.
id signal · revision 5aa0ba0b4008 · catalogue 0.1.0
Not set by this style: colors.light.focus, colors.dark, spacing.sectionY. Exports mark these as fallbacks.
Colors
Light
canvas
Page background
#FFFFFF
19.8:1 on ink
surface
Cards and raised panels
#F4F4F0
1.1:1 on canvas
ink
Primary text
#0A0A0A
19.8:1 on canvas
muted
Secondary text
#3F3F3F
10.5:1 on canvas
line
Borders and rules
#0A0A0A
19.8:1 on canvas
accent
Primary actions and highlights
#FFD400
1.4:1 on canvas
accent-ink
Text and icons on the accent color
#0A0A0A
13.8:1 on accent
focus
Keyboard focus outline
missing
Dark
Missing. Signal doesn't define a dark mode, and this page doesn't invent one.
Type
display
Arial Black
Weights 900
Operating system font where available. Nothing is downloaded or redistributed.
Ship the update. We'll write it up.
sans
Helvetica Neue
Weights 400, 700
Operating system font where available. Nothing is downloaded or redistributed.
Drafts wait for a person to approve them. Nothing publishes on its own.
mono
System mono
Weights 400
Operating system font. Nothing is downloaded or redistributed.
v0.1.0 · 42 drafts · 3 min
Radius and spacing
Radius
0px
Base unit
8px
Section padding
missing
Not set by this style.
Section padding is drawn at half size.
Guidelines
Do
- Use yellow as a fill behind black text, never as text on white.
- Give yellow buttons on white a black border so their edge is visible.
Don't
- Don't soften the corners. The style depends on square edges.
- Don't use this style for long reading pages; the display face is heavy.
Components in Signal
Provenance
Neat Labs, original, MIT. Written for this repository on 2026-09-25. Left without a dark mode, a focus color, or a section spacing value on purpose, so the site and MCP show how missing values are reported.