RAPIDA UI
Trauma-Informed Interface Design System for Crisis-Context Digital Tools
A flood hits. A road collapses. A bridge is gone.
A community member opens RAPIDA. Picks their language. Drops a pin. Submits a report.
A UNDP coordinator sees it — live — on a map.
That's the whole story. Every component below serves it.
Design Tokens
Atoms
The smallest building blocks. Every molecule, organism, and template is assembled from these.
Button
Submit, navigate, confirm
Text Input
Address, description, search
Textarea
Damage description
Photo Upload
Evidence capture
Select
Dropdowns, filters
Radio Group
Damage classification
Checkbox
Multi-select, confirmation
Toggle
Layer visibility, settings
Icon
Noun Project icons
Badge
Status, damage, sync
Progress Step
Wizard tracker
Loader
Spinners, skeletons
Molecules
Atoms assembled with purpose. Each molecule solves one specific reporting or navigation problem.
Damage Report Card
One submitted report at a glance
Form Field Group
Label + input + validation
Language Switcher
6 UN languages + RTL
Offline Queue
Sync status indicator
Damage Classification
The 3-option critical tap
Infrastructure Type
Road, bridge, power, water
Crisis Type
Flood, earthquake, conflict
Map Pin
Damage-colored map markers
Notification
Alerts, offline, sync failures
Submission Confirmation
The dignity moment
Organisms
Full interface sections. Each one owns a complete user task.
Submission Wizard
5-step report submission
Map Organism
Live damage map view
Navigation Header
Global nav + Safe Exit
Community Report Feed
Live submission feed
Analytics Dashboard
UNDP coordinator KPIs
Data Export
CSV / GeoJSON / PDF
Engagement Panel
Community recognition
Report Version History
Edit timeline
Templates
Full screens. Each template is one moment in the reporter's or coordinator's journey.
Language & Onboarding
Trust in 10 seconds
Map Home
Living crisis map
Submission Wizard
5-step report flow
Confirmation
The dignity moment
My Reports
Your data, always yours
Report Detail
Full context, correctable
UNDP Dashboard
Real-time crisis view
Data Export
CSV / GeoJSON / PDF
Pitch Video
Production guide