Clinic Patient Portal — Styleguide
Clinic Patient Portal
The independent clinic's front desk, on the patient's phone.

Color tokens

Primary#237B7A
Primary soft#DCEEED
Ink#0E1C1F
Muted#6D8084
Success#2F7D4F
Warning#A7651B
Danger#A8351F
Info#2B5D80

Type ramp

Display
Care, organized
44 / 600 / -2%
H1
Your next visit is Friday
32 / 600
H2
Intake checklist
24 / 600
H3
Bring your medication list
19 / 600
H4
Reason for visit
16 / 600
Body
Please arrive ten minutes early to confirm your contact information at the front desk.
15 / 400
Small
Sent securely from Maple Family Clinic
13 / 400
Mono
visit_id: v_4kc81q · audit: read by aj@clinic
13 / mono

Spacing scale

4
8
12
16
24
32
48

Buttons

Forms

As shown on your ID.

Badges

Scheduled Intake complete Needs action Awaiting reply No-show

Alerts & toasts

This portal is not for emergencies.
If this is a medical emergency, call 911 or go to the nearest emergency room.
Intake not yet complete
Please finish your intake form before Friday at 2:00pm so we can be ready for you.
Couldn't send your message
We saved your draft. We'll retry when your connection returns.
Appointment confirmed for Fri, Jun 7 at 2:00pm

Card

Friday, June 7 at 2:00pm
Annual check-up with Dr. Singh · Maple Family Clinic
Intake complete 10 min early

Table

TimePatientServiceStatus
9:00Marcus LeeFollow-upIntake done
9:30Priya RamanAnnualIntake pending
10:00Hugo BeltranNew symptomIn waiting room
10:30Sasha WynnFollow-upScheduled

Empty state

No upcoming visits
When you book an appointment it will appear here with everything you need to bring.