Dashboard
Execute today's work
hero navigation · hero on · grouped lists off · action requiredEnnichi visual identity
Warm paper, restrained color, editorial typography, flat iconography, and intentional composition.
One dominant section color · at most two compact entity accents · status colors are state-only · foreign entity colors never style navigation, large surfaces, or actions
Screen archetypes
Declare intent first. Archetypes choose purpose, density, navigation, hero behavior, grouped-list behavior, and primary-action requirement.
Collection
Browse
largeTitle navigation · hero off · grouped lists on · action optionalDetail
Read
hero navigation · hero on · grouped lists on · action optionalTimeline
Chronological history
inline navigation · hero off · grouped lists off · action noneEditor
Data entry
editor navigation · hero off · grouped lists on · action requiredScreen identity
Today
calm · Complete today's care
Emotional Density 4Treatments
confident · Take medication
Emotional Density 3Patients
human · Open patient
Emotional Density 2Cabinet
organized · Manage stock
Emotional Density 1Care
reflective · Review history
Emotional Density 2Emotional Density
Emotional presence increases without changing identity, state meaning, contrast, or accessibility.
Utilities, settings, and formsNo greeting · full metadata · quiet action
CabinetNo greeting · full metadata · secondary action
Patients and CareNo greeting · balanced metadata · secondary action
TreatmentsNo greeting · balanced metadata · primary action
TodayGreeting · reduced metadata · primary action
OnboardingGreeting · minimal metadata · primary action
Page recipes
TreatmentHerodetail · execute · hero · primary
PatientHerodetail · organize · hero · primary
MedicineHerodetail · inventory · hero · primary
DoctorHerodetail · review · hero · inline
FacilityHerodetail · review · hero · inline
TodayHerodashboard · reassure · hero · primary
GroupedTimelinetimeline · review · grouped · inline
DashboardCarddashboard · execute · dashboard · primary
GroupedSettingscollection · organize · grouped · secondary
Information hierarchy
Hero information
Primary information
Secondary information
Tertiary information
Metadata information
Annotation information
Navigation recipes
Card taxonomy
Hero card
Intent-specific padding, spacing, border, and elevation.Dashboard card
Intent-specific padding, spacing, border, and elevation.Grouped card
Intent-specific padding, spacing, border, and elevation.List card
Intent-specific padding, spacing, border, and elevation.Summary card
Intent-specific padding, spacing, border, and elevation.Stat card
Intent-specific padding, spacing, border, and elevation.Inset card
Intent-specific padding, spacing, border, and elevation.Hero identity
Treatment
Amoxicillin
Identity content sits on PaperWarm without another card or elevation.
Controlled entity identity
Compact avatars and icons keep their semantic family across sections. Large surfaces, navigation, and actions remain controlled by the dominant section.
Patient
person.fillMedicine
pills.fillDoctor
stethoscopeFacility
building.2.fillTreatment
pills.fillSurface composition
8:00 AM
Morning dose
TakenMorning dose
2:00 PM
Afternoon dose
UpcomingAfternoon dose
8:00 PM
Evening dose
ScheduledEvening dose
Refill reminder
Use an isolated elevated card only for actionable content.
Navigation and controls
⌕ Search medicines
Section components
Treatments
SelectedInactive
Patients
SelectedInactive
Cabinet
SelectedInactive
Care
SelectedInactive
Status icons
positive
checkmark.circle.fillattention
clock.fillcritical
exclamationmark.circle.fillneutral
circleApproved empty states
Nothing scheduled today.
Enjoy the rest of your day.
checkmark.circle.fillNothing here yet.
Add your first item when you're ready.
tray.fillNo results found.
Try a different name or filter.
magnifyingglassNo history yet.
Completed care will appear here.
clock.arrow.circlepathYour cabinet is empty.
Add a medicine or supplement.
cross.case.fillNo treatments yet.
Add a treatment to build today's plan.
pills.fillAdaptive palette
chochinchochinSoftramuneramuneSoftameameSoftbudobudoSoftchochinTextramuneTextameTextbudoTextpositivepositiveSoftattentionattentionSoftcriticalcriticalSoftpaperpaperWarmcardwellinkmutedlinewhiteinkOnBrightshadowSubtle