Kintwadi

Design Tokens & Components

A calm, warm design system for coordinating family care with dignity and trust.

Color Palette

Warm, trustworthy colors that feel like home.

Background
Foreground
Primary
Accent
Muted
Card
Success
Warning
Destructive
Info

Typography

Inter for UI clarity, Fraunces for warmth.

Display / Fraunces

Caring for those who cared for us

UI / Inter

Heading 1 — 24px Semibold

Heading 2 — 20px Semibold

Heading 3 — 18px Semibold

Heading 4 — 16px Medium

Body Text

Body text at 16px with comfortable line-height for extended reading. Kintwadi helps families coordinate care across cities and time zones, keeping everyone informed and connected.

Small / meta text at 14px — timestamps, labels, secondary information.

Buttons

Clear actions with gentle depth on hover.

Variants
Sizes
With Icons
Disabled

Badges

Status indicators with icon + text, never color alone.

Default
Secondary
Outline
Complete
Pending
Overdue
Info
Accent

Sample Cards

Soft rounded cards with gentle hover lift.

Done
Morning Medications
All meds given today at 8:30 AM by Maria.
Upcoming
Doctor's Appointment
Dr. Chen — Cardiology check-up tomorrow at 2 PM.
3 members
Care Team
Sarah, Michael, and Maria are coordinating care this week.

Spacing Scale

4px base unit for consistent rhythm.

4px
8px
12px
16px
20px
24px
32px
40px
48px
64px

Border Radius

Soft, friendly corners throughout.

rounded-sm
rounded
rounded-lg
rounded-xl
rounded-2xl
rounded-full

Kintwadi Design System • Built with warmth and accessibility in mind