concept

Concept

A white field, and on it one black arrow, pointing the way forward. That is the entire picture — every token in this system is what that picture requires. Built as regional infrastructure: the same identity must carry a SaaS dashboard, a business card, printed goods, and a public site, for decades.

The field — and the one arrow
1 of 1 — the only emphasis the system owns

The white field is not empty space waiting to be filled; it is the subject. The arrow — the InteractiveArrow, a right triangle computed from the grid — is the one mark that points where to go next. There is no brand accent color; this is it.

Clearance — the arrow never touches the edge
y = x × 25/36x

The arrow anchors at the content origin — top-left — and its clearances are not equal: the side margin is x, the top and bottom margins are x × 25/36, the arrow's own height-to-width ratio. The mark is short, so the space above it is short; the field around the arrow repeats the arrow. It floats inside these margins on every medium — screen, slide, card, sticker — and never bleeds, never touches the trim.

One arrow per surface — the hard rule
one arrow — a direction
three arrows — no direction (and one rides the trim)

Two arrows point two ways; a direction stated twice is no direction. On an index the arrow may appear only under the cursor — on the row you are about to take. Decorative arrows, repeated arrows, and arrow patterns are prohibited everywhere: screen, slide, card, goods.

Three principles — worldview as decisions
01
Open
開放

The field stays open. Margins breathe with the viewport, spacing rides the power-of-two scale, and depth comes from contrast and hairlines — never from enclosing boxes or shadows.

--grid-margin · scale 2…64 · --border
02
Honest
誠実

Nothing is disguised. Every color is zero-chroma oklch, marks are computed from ratios instead of traced, and the card is authored in true millimeters so the proof equals the print.

oklch(L 0 0) · --wm-* · --card-* (mm)
03
Forward
前進

The arrow's own virtue. Motion draws left to right and never loops back, interactive elements are sharp and decisive, and the series ramp orders light→dark so the eye lands on what matters.

motion.stagger · rounded 0 · --chart-1…5
The descent — concept to token, no gaps
WorldviewA white field, one black arrow, pointing forward.field = background · arrow = icon
PrinciplesOpen · Honest · Forward — the worldview as three decisions.whitespace · zero-chroma · one direction
TokensEach decision becomes a named value in oklch, rem, px, mm.--background · --grid-margin · --chart-1…5
PrimitivesSurface, Rule, Mark, Annotation, Swatch, Series — built only from tokens.a graph axis and a card fold are the same Rule
MediaThe same identity re-projected: SaaS, slide, graph, card, goods, site.rem / px / mm — only the unit and size change

A value you can't trace upward through this chain doesn't belong. When a judgment splits, walk back up until the worldview decides it.

Built to last — infrastructure, not campaign

This system serves a region, not a season. White and black survive every reproduction — offset print, embroidery, engraving, a one-bit display — and a computed mark can be redrawn at any size forever. Whatever a trend would add, longevity removes: no gradient ages well, no pastel survives a photocopier, but a white field and one black arrow will mean the same thing in thirty years.