IQSportINTELLIGENCE

IQSport Design System — Styleguide

Glass-dark primitives, both themes, the IQSidebar shell, and the See/Assist/Auto dial.

IQSidebar app shell (§5)

Dashboard

AI Insight
Active path: /clubs/[id]
Current: "" — click a nav item to see the active rail animate.

Primitives — dark & light

IQSportINTELLIGENCE
dark theme

KPI strip (§7.2)

AI Insight Ribbon / finding card (§7.4) + per-flow dial

AI Insight
Tuesday 6pm clinics are running at 41% occupancy
Down from 68% last month — 3 sessions at risk of cancellation.
AI Insight
12 lapsed members match your win-back profile
Last visit 45–90 days ago, previously 2+ visits/week.

Buttons (§7.9)

Chips · badges · verdicts (§7.6 / §3.1)

SoonNewAISyncedHealthyPendingdefaultsecondarydangeroutline
HealthyWatchAt RiskCriticalToo small

Segmented controls (§7.7) + See/Assist/Auto dial (§7.10)

Period selector
View segmented
Dial · Auto enabled
Dial · Auto locked

Gradient icon tiles (§7.2 / §7.5)

Glass card (§7.1)

Glass card

The canonical surface: rounded-2xl, glass fill, hairline border, backdrop blur. Used everywhere.

Compare palette
IQSportINTELLIGENCE
light theme

KPI strip (§7.2)

AI Insight Ribbon / finding card (§7.4) + per-flow dial

AI Insight
Tuesday 6pm clinics are running at 41% occupancy
Down from 68% last month — 3 sessions at risk of cancellation.
AI Insight
12 lapsed members match your win-back profile
Last visit 45–90 days ago, previously 2+ visits/week.

Buttons (§7.9)

Chips · badges · verdicts (§7.6 / §3.1)

SoonNewAISyncedHealthyPendingdefaultsecondarydangeroutline
HealthyWatchAt RiskCriticalToo small

Segmented controls (§7.7) + See/Assist/Auto dial (§7.10)

Period selector
View segmented
Dial · Auto enabled
Dial · Auto locked

Gradient icon tiles (§7.2 / §7.5)

Glass card (§7.1)

Glass card

The canonical surface: rounded-2xl, glass fill, hairline border, backdrop blur. Used everywhere.

Compare palette

Verdict palette (§3.1)

Critical#EF4444
At Risk#F97316
Watch#F59E0B
Healthy#10B981
Too small#94A3B8