Typography
2 families · 1 job eachRockwell is display-only. Everything else is system sans. The guide body is 15px / 1.55.
Families
Ag
Rockwell
display · weights 400, 700 · Georgia, serif · self-hosted rockwell.woff2, variable 100–900 · proprietary Monotype, not on Google Fonts
Quiet interface. Clear actions.
Ag
System sans-serif
body · weights 400–700 · -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
Neutral surfaces, compact controls and purposeful colour.
Ag
SFMono-Regular
mono · weight 400 · Consolas, monospace
--ammo-field-height: 34px
Scale
h1 · marketingOne AMMO, shared patterns
h1 · guide · 2remAMMO styleguide
h2 · 1.5remButtons & icons
h3 · .95remTypography & dimensions
lead · .9remRounded corners, a 16px leading icon and only enough width for the label.
body · 15pxEnter searches immediately. Three characters start a two-second timer.
caption · .75remLayout: static/forms.css · Feedback: projects/save_status.html
Measured field metrics
| Property | Value | Token |
|---|---|---|
| Headings | Rockwell 700 | --font-display |
| Interface / body | System sans, 15px, 1.55 | --font-body |
| Field text | 13px | --ammo-field-font-size |
| Field height | 34px | --ammo-field-height |
| Field width | 360px maximum | --ammo-field-width |
| Button corners | 12px | --button-radius |
| Leading icon | 16px | — |
| Touch actions | 44px minimum | — |