SkyCanvass design system

Five decisions that resolve every design choice when in doubt.

Voice, tone, jargon. What we say, and what we never say.

Sky/slate scales, semantic feedback, hail ramp, and CRM job-hub aliases.

System sans for UI plus technical sans for forensic data.

13-step --space-* ladder + 3 container widths + density modes.

8 radii + 5-step shadow ladder.

5 durations, 3 easings, prefers-reduced-motion respect.

Lucide, 16/20/24px sizes, currentColor stroke.

Five variants, four sizes, icon-only.

Three-tier grammar — describe, indicate, decide.

Text, select, textarea, checkbox, radio, toggle.

Header + body + footer + three variants.

Forensic data grid with mono cells + tabular nums.

Top nav, side rail, breadcrumb.

Confirmation modal anatomy.

Pill tooltip + card popover.

Searchable select with leading icon.

Calendar with selected/in-range/today states.

Shimmer + content-aware placeholders.

Five flavors for five jobs.

3 densities — compact, default, expanded canvass header.

Quoted ordinance + jurisdiction adoption + source link.

Heatmap thumbnail + 4-stat mono grid + actions.

5-step intensity ramp + compact map-overlay variant.

Photo thumb + verified badge + EXIF + GPS metadata.

State → county → city → code year cascade.

Storm history, storm-event journey, audit trail.