Foundations
Iconography
A single, consistent stroke-based icon style — legible at small sizes, unambiguous in meaning, and never decorative on its own.
Placeholder icon set
The 16 icons below are generic inline SVG stand-ins used across this site. Swap in the real Woodruff Sawyer/Figma icon library and keep this page as the reference grid.
Grid & stroke
| Property | Value |
|---|---|
| Base grid | 20 × 20px artboard, 16px live area |
| Stroke weight | 1.4px at 20px size, scales proportionally |
| Corner style | Rounded caps and joins |
| Standard sizes | 16px (inline/dense), 20px (default), 24px (standalone/nav) |
| Color | Always currentColor — icons inherit text color, never hardcoded |
Icon set (placeholder)
shield
help
check
close
warning
table
card
user
mail
document
clock
refresh
menu
chevron
add
calendar
Usage
Action required
Pair every icon with a text label in UI, not just a tooltip
Don't ship icon-only buttons without an
aria-label