Hoosier Path Brand Book
Visual, heraldic, typographic, and editorial standards for Hoosier Path and its federated chapters across Indiana. Built for both human designers and autonomous agents.
Always set in either Playfair Display Bold/ExtraBold (for monumental headings) or IBM Plex Mono Uppercase with wide letter-spacing (`0.16em`–`0.20em`) for mastheads, seals, and ribbons.
Structural Honesty
Every section uses visible `1px` grid hairlines (`--hairline-light` / `--hairline-dark`). Avoid soft drop-shadows, blurred glassmorphism, or rounded startup pills.
Heraldic Discipline
The 5:3 Hoosier Navy & Torch Gold Saltire is our unmistakable standard. Never skew its aspect ratio or alter the `H/5` arm width.
Agent-Ready
Every token, SVG asset, and typographic rule is published in deterministic machine-readable formats (`/brand/tokens.json` & `/brand/llms.txt`).
Primary 5:3 Flag
Download SVG ↓1:1 Heraldic Shield
Download SVG ↓Monochrome Stencil
Download SVG ↓| HEX | #0F1E36 |
| RGB | rgb(15, 30, 54) |
| OKLCH | oklch(0.238 0.052 257.4) |
| CSS VAR | --hp-navy |
Primary institutional field, Saltire background, masthead, and primary display heading ink on light paper.
| HEX | #D4AF37 |
| RGB | rgb(212, 175, 55) |
| OKLCH | oklch(0.768 0.138 88.7) |
| CSS VAR | --hp-gold |
Saltire diagonal cross, primary action buttons, structural rules, and heraldic shield borders.
| HEX | #F6F3EC |
| RGB | rgb(246, 243, 236) |
| OKLCH | oklch(0.964 0.011 87.5) |
| CSS VAR | --hp-cream |
Primary document canvas and high-contrast reverse typography over Hoosier Navy.
| HEX | #8B2635 |
| RGB | rgb(139, 38, 53) |
| OKLCH | oklch(0.412 0.139 16.8) |
| CSS VAR | --hp-crimson |
Section numerals, mobilization callouts, 'No Trespassing' enforcement seals, and executive badges.
| HEX | #E4DFD3 |
| RGB | rgb(228, 223, 211) |
| OKLCH | oklch(0.904 0.017 86.8) |
| CSS VAR | --hp-stone |
Secondary table headers, specification ribbons, and architectural card fills.
| HEX | #1C1D1A |
| RGB | rgb(28, 29, 26) |
| OKLCH | oklch(0.228 0.006 118.5) |
| CSS VAR | --hp-charcoal |
Long-form editorial prose, bylaws text, and tabular ledger copy on Limestone Cream.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
2026-11-02 * "Indiana Secretary of State" "Articles of Incorporation" #chapter-officers Expenses:Compliance:StateFilings 30.00 USD Assets:Bank:Checking -30.00 USD
- Maintain the exact 5:3 aspect ratio and H/5 diagonal cross width on all flag renderings.
- Use Hoosier Navy (`#0F1E36`) for the field and Torch Gold (`#D4AF37`) for the Saltire.
- Pair Playfair Display headings with Source Sans 3 body copy and IBM Plex Mono metadata.
- Frame content in crisp, visible `1px` architectural grid cells.
- Never substitute St. Andrew’s blue or generic royal blue for Hoosier Navy (`#0F1E36`).
- Never add fimbriation (extra borders) between the Torch Gold Saltire and the Hoosier Navy field.
- Never use generic SaaS gradients, floating pastel blobs, or rounded pill cards.
- Never alter the canonical motto “No Trespassing”.