Home/Components

Design system

The v3 component library. Every primitive consumes the same semantic tokens defined in globals.css. Re-skinning the entire product is a CSS-only change.

Brand colors

The token palette behind every component.

Brand (navy)

100

200

300

400

500

600

700

800

900

Accent (orange)

100

200

300

400

500

600

700

bg-primary

--primary

bg-accent

--accent

bg-success

--success

bg-info

--info

bg-warning

--warning

bg-destructive

--destructive

bg-muted

--muted

bg-card

--card

Typography

Poppins for UI / headings · Lora for long-form prose.

Display / H1 · Poppins 600

Better chronic care, by design.

H2 · Poppins 600

Patient adherence overview

Body · Poppins 400

Care coordinators use BettrAI to monitor patients across multiple chronic-care programs in a single, consolidated dashboard.

Long-form · Lora (.prose-body)

Your blood-pressure trend over the past 30 days is stable. Your care team has noted improved adherence to your morning medication schedule — keep it up.

Mono · SF Mono / Menlo

GET /api/v1/patients?status=active

Buttons

8 variants × 6 sizes. asChild forwards to <Link>.

Form inputs

Patient name

Patient email

MRN

Required. Must be unique per tenant.

Visit notes

Program

Badges

DefaultPrimaryAccentActiveInfoWarningCriticalOutlineSolid

Alerts

Heads up — Sophie AI is in beta.

Sophie voice calls require explicit per-patient opt-in via the consent form.

Migration complete.

153 tables created in bettr_ai_v3.

BAA pending.

Tenovi RPM keys are loaded but no BAA on file — cannot send production traffic.

Critical alert — patient out of range.

SpO₂ reading 87% — care coordinator review required.

Cards

The base surface for every patient/clinical artifact.

Adherence

Last 7 days

92%

+4.2% vs last week

Open tasks

Across your caseload

3 due today

Active alerts

Within last 24h

Both critical severity

Tabs

Patient summary, demographics, programs.

Tables

Patient	Program	Status	Adherence
MJMorris, Jim	RPM	Active	94%
CLChen, Liling	CCM	Active	88%
DJDoe, Jane	BHI	Paused	52%
PSPatel, Sanjay	APCM	Active	97%

Overlays

Dialog · Sheet · Popover · Dropdown · Tooltip · Toast

Loading states

BettrAI v3 design system · tokens in globals.css