Dark-Only, OLED-First
Everything is built on #0A0A0A. There is no light mode. Black is the canvas, not the absence of one.
The single source of truth for the Okami brand — the range and the app. Logo, color, type, voice and assets. Built for archers, and for anyone building in our name.
Okami is the pack — the wolf, the archer's pursuit of mastery. It lives in two places that share one visual system: Okami Creek, the range, and Okami Vision, the app. Same green, same black, same mantra — so the two always read as family.
The AI-integrated archery range. A physical facility in Phoenix, AZ — the home you bring your bow to.
"Built by archers, forged by community."
The archery performance app, by Okami Creek. Score, auto-score and analyze every arrow — the tool you bring to the line.
"Score smarter."
Short, active sentences. Verbs first — Track. Analyze. Own. Calm authority; let the numbers and the dark space do the work.
We talk data — totals, averages, trends, personal bests — without jargon walls.
Track every arrow.
Analyze your performance.
Own your progress.
"Point your camera. View your score."
"Every arrow counted."
Lead with the value, end with a verb.
"Revolutionary game-changer!!!"
Exclamation spam, hype words.
Soft, cute or apologetic copy.
End-by-end. No pen, no paper, no mental math.
Point your camera, view your score. 10-ring, Vegas 3-spot, 6-ring.
Your progress, quantified. Trends, averages, PBs, gear loadout per round.
One pack, two expressions. The wolf that sees the target is the shared mark; the range and the app each carry their own wordmark. Click any download chip to grab the file.
A small, dark-only system: one green in two shades, a red accent, a warm sand neutral, two darks, one text. Click any swatch to copy its hex.
A rough mix for any screen or page: ~80% near-black background · ~15% ink text · ~5% sage accents · red <1% (alerts only). The point is restraint — keep the green rare so it stays loud. Text on sage is always black #0A0A0A.
Plus Jakarta Sans does the shouting — tall, uppercase, tight. Manrope does the talking — calm, legible, beautiful digits. Geist Mono sets the eyebrows.
| Style | Font | Size / Line | Tracking | Case |
|---|---|---|---|---|
| H1 / Display | Jakarta 800 | 32 / 38 | −0.5 | UPPER |
| H2 | Jakarta 700 | 24 / 30 | −0.25 | — |
| H3 | Jakarta 700 | 20 / 26 | −0.2 | — |
| Body | Manrope 400 | 16 / 24 | 0 | — |
| Data | Manrope 700 | 18 / 24 | 0 | sage |
| Label | Manrope 600 | 12 / 16 | +1 | UPPER |
| Eyebrow | Geist Mono | 10–12 | +0.3em | UPPER |
Lucide, outline, 1.5–2px stroke, square-cut to match our 0px-radius world. Default #E0E0E0 · active sage · muted gray.
Library: lucide.dev — lucide-react (web) · lucide-react-native (app).
Six rules that make anything instantly read as Okami.
Everything is built on #0A0A0A. There is no light mode. Black is the canvas, not the absence of one.
Buttons, cards, inputs, images — all square. The only exception is bottom sheets (rounded top).
Base fill, a white hairline at ~7%, and an optional sage glow. Our signature surface.
Uppercase display, wide-tracked mono eyebrows, calm Manrope body. Weight and case over boxes and lines.
Black space dominates; sage is the hero. One green, used sparingly — less green hits harder.
Text on the green is #0A0A0A. Never white on sage — accessibility and consistency both demand it.
| File | Type | Use | |
|---|---|---|---|
| icon/app-icon.svg | SVG | App icon · transparent (dark bg) | Get |
| icon/app-icon-light.svg | SVG | App icon · for light backgrounds | Get |
| icon/app-icon.png | 1024² PNG | App-store icon (with background) | Get |
| icon/adaptive-icon.png | 1024² PNG | Android adaptive | Get |
| icon/favicon.png | PNG | Web favicon | Get |
| logo/okami-vision-mark.png | PNG | Vision shield lockup | Get |
| logo/wordmark.webp | WEBP | Okami Vision wordmark (app) | Get |
| logo/okami-creek-wordmark.webp | 792×164 | Okami Creek wordmark (range) | Get |
| logo/wolf-and-star.png | 1536² PNG | Storytelling mark | Get |
| logo/paw.png | 1536² PNG | Stamp / bullet | Get |
| og/og.png | 1200×630 | Social / OG image | Get |
| BRAND.md | Markdown | Full guidelines (agent-readable) | Get |
