← Hub index
Dayboard — Responsive Dashboard
slug: dayboard-dashboard · generated 2026-10-08 17:39 UTC
Screens
Bumble 83853a6b
Bumble E38f4506
Bumble Ee33fda3
Bumble F0fd7cdd
Macrofactor 1373bdd7
Macrofactor 16868adb
Macrofactor 78afc90b
Macrofactor 96eadb1f
Macrofactor C7ea2001
Macrofactor Ddc1c3ad
Mindtrip 65dbea76
Mindtrip 7710b669
Mindtrip A2289d37
Mindtrip Ae192ccf
Mindtrip Eb2cce25
Mindtrip Fd4c577b
Noom 2f73f337
Noom 64933ee6
Noom 72c301f7
Noom 8e841cd4
Noom A8c10034
Noom Da9cdf84
Bumble Sheet
Macrofactor Sheet
Mindtrip Sheet
Noom Sheet
Dayboard — Laptop (two-column)
Dayboard — Laptop (v1)
Dayboard — Mobile (stacked)
Dayboard — Mobile (v1)
Brief
# Dashboard — design brief (one screen, mobile + laptop)
**Route:** combined (Mobbin references → 21st where useful → Expo native build)
**Stack:** Expo / React Native (native mobile + web), responsive one screen
**References (user's saved apps):** Noom (today's-plan dashboard), MacroFactor (food-log timeline), Bumble (airy list density), Mindtrip (map + list split)
## Direction
Clean, minimalist, functional dashboard blending:
- **Noom** — progress-card rhythm + Today's Plan checklist
- **MacroFactor** — chronological food-log timeline with timestamps
- **Bumble** — airy, low-density list spacing
- **Mindtrip** — card + map split (laptop: map left 60% / data right 40%)
## Tokens (from vision DNA)
- background #FFFFFF, surface #F8F8F8, primary #000, secondary #666
- accent #FF6B35, success #00C853, error #FF4D4D
- radius 12, spacing scale 8, type display 24 / title 20 / body 16 / caption 14
## Layout
- **Mobile:** header → progress bars → Today's Plan checklist → food-log timeline → bottom nav
- **Laptop:** left 60% map w/ itinerary pins; right 40% progress + plan + food log; bottom nav remains
## States
loading, empty, error, offline
## Deviations
Synthesizes four single-pur