Corporate design
Look like Chimpy in one line
Add <link rel="stylesheet" href="https://heychimpy.fun/public/ci/chimpy.css"> to your page.
Colors
Chimpy green
#76B82C · accents, buttons
#76B82C · accents, buttons
Chimpy purple
#753E8F · labels on light
#753E8F · labels on light
Ink
#2A1433 · dark background, text
#2A1433 · dark background, text
Paper
#F5F2EA · light background
#F5F2EA · light background
Light purple
#C9A3DB · labels on dark
#C9A3DB · labels on dark
Dark green
#3D6E12 · green text on light
#3D6E12 · green text on light
Type
Label · Chimpy Display
Titles are slanted capitals
Body text is Rubik. Short sentences, friendly, direct.
Components
returned late missed neutral
4'000+locations (per heychimpy.com)
Files
| File | Use |
|---|---|
| chimpy.css | Tokens, fonts, base type, components (.chimpy-btn, .chimpy-card, .chimpy-grid, .chimpy-stat, .chimpy-tag, .chimpy-table, .chimpy-dark) |
| chimpy-chart.js | barChart, lineChart (with forecast band), loadCsv, countBy — no dependencies |
| chimpy-logo.png | Logo, 500×500, round green badge |
| chimpy-logo-256.png | Logo, 256×256, header and favicon |
| chimpy-ape.png | The chimp head from the logo, transparent, 512×512: game piece, icon, marker, avatar |
| chimpy-ape-128.png | The chimp head, 128×128, for small icons and map markers |
| chimpy-ape-outline.png | The chimp head with a light outline, 512×512, for dark backgrounds |
| fonts/Rubik-Regular.ttf | Rubik 400 · body text |
| fonts/Rubik-Italic.ttf | Rubik 400 italic |
| fonts/Rubik-Medium.ttf | Rubik 500 · labels, buttons, table heads |
| fonts/Rubik-Bold.ttf | Rubik 700 · emphasis, buttons |
| fonts/OFL-Rubik.txt | Rubik licence (SIL Open Font License 1.1) |
| fonts/BebasNeue-Regular.ttf | Bebas Neue · titles and labels, CSS family “Chimpy Display” (slanted by chimpy.css) |
| fonts/OFL-BebasNeue.txt | Bebas Neue licence (SIL Open Font License 1.1) |
