Abacus Direction ยท Astro SSG
ShadoU
Abacus is now the primary implementation track for ShadoU. The mockup system is being promoted into a real Astro static site so we can keep the visual direction, simplify publishing, and selectively fold in anything worthwhile from the Base44 prototype afterward.
Implementation Scope
7 desktop routes Published as Astro-generated pages with the Abacus visual system intact.
4 mobile screens Bottom-nav flow remains usable and directly linked from desktop preview pages.
Astro-first deploy path Site output is now intended to come from a standard SSG build, not hand-copied HTML.
7 Desktop Pages 4 Mobile Screens Component Library SADO Token Economy
Quick Access
Desktop 01
Home Feed
Primary feed, quick stats, activity cards, and right rail overview.
Desktop 02A
Live Tracking
Real-time training screen with map, metrics, and earning pace.
Desktop 02B
Activity Detail
Workout breakdown, splits, charts, and scoring details.
Desktop 03
Explore
Discovery surface for athletes, routes, segments, and challenges.
Desktop 04
Social
Messaging, local athlete map, and social planning layout.
Desktop 05
Marketplace
Coaches, plans, offers, filters, and booking direction.
Desktop 06
Wallet
Token balance, earning history, charts, and payout actions.
Desktop 07
Profile
Identity, badges, personal stats, and recent activity stream.
Mobile
Mobile Mockups
Dedicated mobile preview entry with the full phone mockup set.
System
Design System
Component library, tokens, patterns, and reusable UI pieces.
Desktop Mockups
Desktop 01
Home Feed
Primary feed, quick stats, activity cards, and right rail overview.
Desktop 02A
Live Tracking
Real-time training screen with map, metrics, and earning pace.
Desktop 02B
Activity Detail
Workout breakdown, splits, charts, and scoring details.
Desktop 03
Explore
Discovery surface for athletes, routes, segments, and challenges.
Desktop 04
Social
Messaging, local athlete map, and social planning layout.
Desktop 05
Marketplace
Coaches, plans, offers, filters, and booking direction.
Desktop 06
Wallet
Token balance, earning history, charts, and payout actions.
Desktop 07
Profile
Identity, badges, personal stats, and recent activity stream.