MedSafe Presentation Design-System Preview
Neutral component-test canvas — not Slide 1. Placeholder text only.
Typography
Headline Sample
Supporting statement sample.
Metadata / footer sample
Cards
CinematicCard content sample.
94%
Sample Metric
Step 01
Sample Phase
Pilot framework card body copy sample.
Annotations & Connectors
1
Annotation Sample
2
Indicators
BrandResolvedReviewUrgentNeutral
Enroll
Educate
Review
Resolve
Product Screenshot Frame
Product Asset Placeholder
Approved screenshots will be placed here.
Animation Entry Demonstration
Entry animation sample — fade up.
Staggered entry — 300ms delay.
Longer distance reveal — 40px.
Icon System
QR Access
No Download
Timeline
Education
Understanding
Barrier
Clinical Action
Measurement
Pilot Framework
Color Tokens
White
#FFFFFF
Ink
#111827
Charcoal
#374151
Slate
#6B7280
Brand Blue
#0F4C81
Success
#15803D
Warning
#B45309
Critical
#B91C1C
Card
#F8FAFC
Border
#E5E7EB
Soft Slate
#9CA3AF
Motion Tokens
Fast
350ms
Standard
600ms
Slow
900ms
Cinematic
1400ms