Brand Identity
CareExpand
The operating system for continuity of care. CareExpand is a SaaS healthcare platform built on clean minimalism, professional trust, and systematic design — delivering a clinical yet approachable experience for providers and patients alike.
Brand Name
CareExpand
Tagline
"The operating system for continuity of care"
Tone of Voice
Clean • Professional • Trustworthy • Clinical but approachable
Design Foundation
Built on the shadcn/ui design system. Tokens over hardcoded values. Components over custom layouts.
Color System
Color Palette
A soft, approachable palette built on true tones with a distinctive accent. Inspired by CareExpand's clean healthcare aesthetic.
Primary Palette
Primary Blue
#4B90FF
Accent Blue
#4D65FF
Background
#FAFAFA
White
#FFFFFF
Muted
#727273
Neutral Scale
#080404
#373757
#404040
#757373
#A3A3A3
#D4D4D4
#E3E3E3
#F5F5F5
#FAFAFA
Semantic & Accent Colors
Primary Blue
#4D65FF — Info, interactive
Success
#56A34A — Confirmed, active
Warning
#EAB508 — Caution, pending
Destructive
#FF4D4D — Errors, critical
Color Token Reference
| Token | Hex | Usage |
|---|---|---|
--color-primary | #4B90FF | Main interactive elements, links, active states |
--color-accent | #4D65FF | Highlights, CTAs, accent backgrounds |
--color-background | #FAFAFA | App background |
--color-white | #FFFFFF | Card surfaces, modals |
--color-muted | #727273 | Subdued text, disabled states |
--color-success | #56A34A | Confirmed, active, positive |
--color-warning | #EAB508 | Caution, pending states |
--color-destructive | #FF4D4D | Errors, deletions, critical alerts |
Typography
Type System
Inter serves as the primary typeface — clean, geometric, and highly legible across all sizes. JetBrains Mono provides a technical monospaced counterpart for data, codes, and labels.
Tracking: 1px
Tracking: -0.5px
Body text provides readable content at comfortable sizes for long-form reading and interface descriptions.
16px / RegularLine height: 1.5
Section Label — None 469
Tracking: 2px / uppercase
Tracking: 2px
Monospace — JetBrains Mono
PT-2026-04221Patient IDSTMT-2024-002Statement Number#4B90FFColor Token12/31/1979 (46y)Date of BirthSpacing & Layout
Spacing & Radius
A base-4 spacing system ensures consistent rhythm across all components. Corner radius tokens define the visual softness of each element type.
Spacing Scale
--space-tight--space-small--space-base--space-medium--space-large--space-xl--space-xxlCorner Radius Scale
Tables, strict containers
Small badges, chips
Buttons, inputs
Cards, modals
Dialogs, grid
Avatars, circular elements
Components
Form Inputs
All inputs use 6px border radius, subtle border (#D4D4D4), and a Primary Blue focus state. Labels appear above inputs in Primary Blue.
Please enter a valid email address
Components
Badges & Tags
Pill-shaped badges with 16px border radius for status indicators, category labels, and count displays.
Outlined Variants
Solid Variants (Status Badges)
Count Badges
Components
Cards
Card components for displaying metrics, content, and patient information. All cards use 8px border radius and white background.
Stat Cards
Total Payments
6
Total Paid
$23,800
Total Billed
$28,600
Claims Count
24
+7%Content Cards
Active Rovers
1,280
72%Solar Efficiency Pack
Boosts rover endurance by optimizing solar panel alignment.
Patient Card (Complex)
Sarah Johnson
PT-2026-04221
120/80
Blood Pressure
72 bpm
Heart Rate
98.6°F
Temperature
Upcoming Appointments
Next 7 days
10:30 AM — Dr. Michael Chen
Annual Checkup · Mar 15
2:30 PM — Dr. Sarah Williams
Lab Review · Mar 17
Components
Controls
Interactive form controls including toggles, radios, checkboxes, and sliders — all using the Primary Blue accent color.
Toggle Switches
Radio Buttons
Checkboxes
Slider / Range Input
Patterns
Dialogs & Modals
Confirmation dialogs and modal overlays for critical user actions. Use modals sparingly for focused tasks.
Confirm Appointment
Are you sure you want to schedule this appointment for March 15, 2026 at 10:00 AM?
Patient Transfer
Transfer patient records to another provider. This action requires authorization.
Secure your account with an additional verification step.
Patterns
Dropdowns & Pickers
Selection menus for choosing from predefined options. Combines search, titles, dividers, and checkable items.
Search Dropdown
Departments
Specialties
Provider Combobox
Form Pickers
Patterns
Alerts & Feedback
Contextual feedback components for informing users of status, warnings, and important messages.
Appointment Confirmed
Your appointment with Dr. Chen has been scheduled for March 15 at 10:00 AM.
Insurance Expired
Patient insurance coverage expired on Feb 1, 2026. Please update before next visit.
Progress Indicators
Pagination
Accordion FAQ
Navigate to the Appointments tab, click 'New Appointment', select the patient and provider, then choose an available time slot.
Data
Data Tables — Appointments
Appointments data table with status badges, action icons, and patient information. Includes header search, column sorting, and pagination.
| Tiempo | Paciente | Tipo de cita | Ubicación | Pre-Visita | Estado | |
|---|---|---|---|---|---|---|
| Feb 19 11:30 AM | Alderwick Rowan 12/31/1979 (46y) | First Consultation | Teleconsultation | Cerrado | Pendiente | |
| Feb 19 1:20 PM | Isabelo Moreno 10/09/1980 (45y) | Follow-up Consultation | Teleconsultation | Cerrado | Pendiente | |
Notas No hay notas para este paciente | ||||||
Data
Advanced Tables & UI
Superbills, payments, patient balances, statements, notifications, and profile components for the CareExpand healthcare platform.
Payments — Incoming ERAs
TOTAL PAYMENTS
6
TOTAL PAID
$23,800.00
TOTAL BILLED
$28,600.00
CLAIMS COUNT
24
| PAYER | PAYMENT DATE | TOTAL PAID | CLAIMS | STATUS | ACTIONS |
|---|---|---|---|---|---|
| — BlueCross | 05/20/2024 | $9,000.00 | 5 | New | View Details |
| — Aetna | 05/18/2024 | $3,500.00 | 3 | Posted | View Details |
| — UnitedHealth | 05/18/2024 | $4,200.00 | 6 | Needs Review | View Details |
| — Cigna | 05/17/2024 | $2,800.00 | 2 | Review | View Details |
| — Medicare | 05/16/2024 | $8,500.00 | 8 | New | View Details |
Patient Balances
TOTAL INCOMING
$8,933.00
% patients
ACTIVE BALANCE
6
Current accounts
IN COLLECTION
1
Requires attention
AGING BREAKDOWN
$3,131.50 / $5,801.50
Current / Total
| PATIENT | TOTAL BALANCE | AGING BREAKDOWN | STATUS | LAST STATEMENT | ACTIONS |
|---|---|---|---|---|---|
Robert Johnson PT-1 | $2,100.00 | Sent To Collection | 11/25/2025 | ||
David Lee PT-1 | $1,005.00 | Active | 2/15/2026 | ||
Maria Garcia PT-1 | $480.00 | Payment Plan | 2/19/2026 | ||
Michael Brown PT-1 | $0.00 | Closed | 1/24/2026 |
Patient Statements
| STATEMENT # | PATIENT | AMOUNT DUE | STATUS | DELIVERY | CREATED | DUE DATE | ACTIONS |
|---|---|---|---|---|---|---|---|
| STMT-2024-002 | Emily Davis | $325.00 | Paid | PORTAL | 3/18/2024 | 3/02/2026 | |
| STMT-2024-001 | Sarah Johnson | $850.00 | Overdue | PORTAL | 2/28/2026 | 3/02/2026 | |
| STMT-2024-002 | Michael Brown | $1,260.00 | Sent | 1/3/2024 | 3/02/2026 |
Notifications & Profile
New message Received
Philip Bacon · Feb 19, 2026 · 04:51
New message Received
Philip Bacon · Feb 19, 2026 · 04:51
New order created
The new order for patient Alderwick Rowan was created. · Feb 19, 2026 · 04:51
Jaume Vinals
Data
Authentication Forms
Sign in and sign up forms with validation states, input fields, and call-to-action buttons for the CareExpand platform.
Sign in to Careexpand
Don't have an account? Create one for free here
Principles
Design Principles
Four guiding principles that define the CareExpand design system — from visual philosophy to accessibility standards.
Clean Minimalism
High contrast black and white foundation. Every element earns its place. Generous whitespace lets content breathe.
Professional Trust
Healthcare demands reliability. Restrained color, precise spacing, and systematic typography build confidence.
Accessibility First
Clear focus states, sufficient contrast ratios, and readable type sizes. The blue accent (#4B90FF) meets WCAG AA standards.
--color-primary--space-medium--radius-baseSystematic Consistency
Tokens over hardcoded values. Components over custom layouts. A design system that scales with your product.