boas.dev · house system v3.1 · contrast

The Contrast System

Edge one pole, fill the opposite — blue↔red. Dots ride the edge pole; the ground rides the opposite. Plain fills are banned: every card carries halftone, baked in. Red is soft; danger reads by an energized warp + a red/orange double-stroke, not a louder hue. Hover energizes the edge.

Contrast poles edge ↔ fill opposites · halftone always

Quiet (default)
Cool ground · soft-red dots · hairline. The red pole enters every card through the halftone.
Blue frame
Blue 1.5px frame · red ground · blue dots. The headline contrast — blue outline, red fill.
Red frame (inverse)
Red frame · blue ground · red dots. The mirror pole for secondary emphasis.

Corner-Bracket Console button no full border · corner ticks · halftone fill · hover energizes

↑ blue ticks ↔ red halftone fill (default) · red ticks ↔ blue fill (inverse). Hover: brackets push out + the fill-block edge warps harder (#edgeHot).

Danger soft red · energized warp · red/orange double-stroke

Booking conflict
Same soft red as structure — distinguished by the agitated #edgeDanger warp and the crisp orange inner line, not a louder hue.
For contrast
A calm blue-frame card beside it — note danger reads as motion, not color shouting.

Interactive surface .edge--live → hover energizes the whole card

Hover me →
A live card. On hover/focus the frame swaps to #edgeHot — breathes harder, faster.
Past / recessed
De-emphasised: transparent ground, recessed warp, dots dimmed.
boas.dev house system v3.1.0 · procedural blue↔red contrastrender-proof · EN