BlakkBear graphic system · Sheet BB-G-01 · Rev 2026-08
One grammar.
Every mark.
Fifty icons and twenty-three graphics, drawn from the bear mark: straight segments only, mitered corners, square caps, and exactly one acid facet per mark. The bear never curves — neither do we.
Grammar
FIVE RULES · NO EXCEPTIONS24 × 24. Every vertex sits on a whole or half unit — nothing floats.
Straight segments only. No arcs, no béziers — the bear never curves, so the system never curves.
Weight 2 at 24px, miter joins, square caps. Fills are reserved for facets.
Exactly one --bb-accent facet per mark. Ink and bone carry the structure; the acid is the point of judgment.
The signature: one 45° wedge or chamfer per mark — an arrowhead, a summit flag, a corner cut. The bear was here.
Icon plates
50 SYMBOLS · 7 DOMAINS · FLAGSHIPS PLATEDSignals & observation
WHAT THE BEAR SEES FIRST
Market & motion
WHERE THE BEAR POINTS
Machines & governance
HOW THE BEAR RUNS
Trust & control
WHAT THE BEAR GUARDS
Work & records
WHAT THE BEAR FILES
Capital & growth
WHAT THE BEAR BUILDS
People & voice
WHO THE BEAR SPEAKS FOR
color:var(--ink)
Graphics
23 SYMBOLS · SCALE FREEG-01 #bb-ridge · divider — the horizon grows two ears.
G-02 #bb-frame · chamfered corners for figures and cards.
Figures hold their corners.
Frame wraps charts, quotes, and case cards. The chamfer keeps it bear; the open sides keep it quiet.
G-03 #bb-field · ambient facet contours behind hero copy.
AI-native operations. People still in charge.
The field sits at 40% gray under live copy — terrain, not texture. One acid vertex marks the summit.
G-04→G-23 the rest of the roster — bands, charts, and panes at working scale.
G-21 #bb-fac · composition of palette scan — anniversary weathering precipitates into facets; use for hero / title blocks only.
G-04 #bb-peaks · range band — the ridge massed into a mountain range.
G-05 #bb-terrain · contour stack — three grays of elevation, one acid summit.
G-06 #bb-stepsrun · escalating stair — a run's compounding as footprint.
G-07 #bb-columns · result bars — outlines until the result lands in acid.
G-10 #bb-pulseband · telemetry run — repeating pulses, one highlighted beat.
G-15 #bb-lattice · diamond hatch — claw hatching as ambient texture.
G-16 #bb-rung · measuring strip — for muted scale annotations.
G-17 #bb-horizon · double rule with ear pair — section header voice; ear sits always centered.
G-20 #bb-runway · departure line — runway chevrons off each end, node at center.
G-22 #bb-dart-wave · runoff stream — repeating darts ride the envelope; for motion sub-bands under features.
G-23 #bb-dart-fade · runway sweep — same dart, probability falling; for footers and about-turn whitespace.
G-08 #bb-blueprint · drafting sheet
G-09 #bb-web · system topology
G-11 #bb-crosshair · objective
G-12 #bb-perimeter · edge kit
G-13 #bb-mark · the blazon
G-14 #bb-bins · outcome chart
G-18 #bb-stripes · hatch block
G-19 #bb-arrowmark · L at scale
G-03 #bb-field · facet contours
Usage
SPRITE + ONE CSS VAR<svg class="bbi" aria-hidden="true"> <use href="/assets/graphics/bb-sprite.svg#bb-gtm"></use> </svg> /* structure follows currentColor; one var sets the facet */ .bbi { width:24px; height:24px; color:var(--paper); } :root { --bb-accent:#D4FF00; }
Do
- Set structure with
currentColor; one--bb-accentper context. - Scale at 16 / 24 / 48 / 96 — vertices stay on the grid.
- Give marks quiet: clearspace of at least half their size.
- Reference the sprite with
<use>; never paste raw paths into pages.
Don't
- Round a join or a cap. Any curve at all.
- Add a second acid facet to a mark.
- Rotate, skew, or drop-shadow the symbols.
- Stroke above 2 at 24px, or outline the filled facets.