/00

Design system

FALA 1 · foundation

The foundation, live.

The visual contract behind WhiteIntel — brand tokens, the kratownica separation language, the menu grammar and the one search brain — rendered from the real classes in styles.css, so this page can never drift from what ships. The written contract is docs/whiteintel-design-system.md.

/01

Brand — green, one accent

The brand is a single green (hue 155). There is no second brand colour. Light is a deep green for contrast on paper; dark is brighter for contrast on charcoal. Amber is not the brand — it is the MED risk signal and nothing else.

--brand

oklch 155 · primary

--brand-soft

soft tint

on brand

--brand-ink

--border

hairline

/02

Risk-signal palette

domain-enforced

Reserved strictly for risk status. Amber lives here and only here.

HighMediumLowHIGH red · MED amber · LOW green

/03

Section separation — kratownica / seam

A whispered brand-green lattice bleeding from a fading hairline. Section-scoped, edge-masked, generous-celled, low-alpha — never a full-page cage. Every seam on this page (the hairline + lattice above each heading) is the real .wi-seam.

.wi-kratownica-bg

44px cell · edge-masked

.wi-kratownica-bg.is-dense

28px cell · for small plates

.wi-rule — the in-section sub-divider

/04

Menu grammar — the snake row

The slide-out menu is theme-honest (light panel in light theme), with a green rail that runs down the leading edge of a row on hover / current — colour + rail only, no transform. Hover the rows below.

/05

Type scale

DisplayExpose the network

H1Trace ownership

H2Cited to source, resolved by graph

H3Sanctions, legible

LeadA whisper of structure, not a cage.

BodyEvery statement is backed by a registry fact.

EyebrowSECTION LABEL

CaptionMONO · TABULAR · 0207

/06

Search — the one brain

The hero, the /search page and ⌘K all render from one useSearchBrain: live entity Matches, semantic "By meaning", curated Commands / Pages, and — idle — recent searches + a "Try:" list. One matcher, one debounce, one keyboard contract.