Component gallery
Clean UI, ready to rinse and repeat
A Sonic-style design-system demo translated into Imani primitives: dashboard surfaces, operational forms, token tables, and component states.
Refill rate
68%
+12% this cycle
Batch score
94
+4 this cycle
Orders packed
1,248
+18% this cycle
Delivery SLA
97.2%
+2.1% this cycle
Product Setup
Functional UI copy stays direct and task-oriented.
Dispatch Calendar
Route scheduling with compact calendar density.
April 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Kampala refill loop
Apr 22
Jinja bulk dispatch
Apr 26
Schedule Dispatch
Date and time pickers inside an operational form.
Impact Score
Use product impact widgets for customer portals and ops dashboards.
Plastic avoided18.4t
Water saved42k L
Refill adoption71%
Component States
Ready
All product fields are complete.
Review
Ingredient disclosure needs approval.
Packed
Fulfillment label generated.
Dark Surface
Fence Green grounds high-focus panels and footers.
94
Batch quality score
Buttons
Dropdown Menu
Action menus use the same radius and row rhythm as selects.
Menu rows are 40px minimum with 12px horizontal padding.
Popover
Compact overlays for metrics, guidance, and batch metadata.
Batch Verification
OTP and toggles support approval flows without becoming decorative pills.
2
4
0
6
Ingredient Compliance
Regulatory, formula, and packaging reviews need compact status views.
Formula disclosedApproved
Fragrance allergensReview
Claims languageApproved
Token Stack
Generated artifacts for every Imani project.
Refill Channels
Weekly order source mix across refill plans, starter kits, and bulk deliveries.
Refill
64%
Starter
21%
Bulk
15%
Inventory Forecast
Useful for refill packs, concentrates, and packaging components.
On hand
14.2k
Runway
18d
Reorder
May 4
Invite Team
Add members to the launch workspace.
Menu & Dialog
Top-level menus and confirmation dialogs inherit the same overlay tokens.
Shortcuts
Search⌘ K
Quick actions⌘ J
New product⌘ N
Batch Health
Semantic states stay readable in light and dark modes.
Ingredients disclosed100%
Packaging recycled82%
Refill inventory74%
Refill Preferences
Input controls model customer subscriptions and reorder thresholds.
68%
Route Efficiency
For delivery planning, collection loops, and refill routes.
Kampala loop92%
Entebbe refill76%
Jinja bulk68%
Report Bug
Help us fix issues faster.
Contributors 312
ACBKCMDLEFGHIJKLMNOPQRST
Feedback
Subscription Mix
Show channel health without making every chart green.
Refill plans52%
Starter kits28%
Bulk orders20%
Profile
Manage visible contributor information.
Analytics
Refill education traffic, conversion lift, and request volume.
418.2K
Visitors this cycle
Guide views162.4K
Refill finder starts38.7K
Support deflection21%