DESIGN SYSTEM SPECIFICATIONDesign Target: 48×48px Minimum Target Discipline• Evaluation: Visual Specification & Prototype Sizing

Group Ride Hub & Touch Architecture

Revised ride card structure decoupling meeting logistics into a dedicated full-width row with isolated action rows, preventing text collisions across standard and enlarged accessibility display scales.

≥48dp Target Zone
Dedicated Logistics Row
Default Text & Touch Layout
390 × 844 px
09:41
MotorSignal•Online

Group Rides

Packs, route planning & community sessions

FeedHub
B
Bill Free Tier
@bponders12 • '01 R6
Bay Area Twisty Club • Organizing

Sunday Skyline & Pescadero Carve

#SKY92
Distance
68.4 mi
Pace
Spirited
Riders
8 Confirmed
Sun, 9:00 AM • Alice's Restaurant, Woodside
NorCal Sportbikes • Joined

Mt. Tamalpais Twilight Run

#TAM71
Distance
42.0 mi
Pace
Moderate
Riders
14 Riders
Sat, 5:30 PM • Mill Valley Depot, Marin
200% Body & UI Text Scale Demonstration (Simulated Large Font Mode)
≥48dp Inspect
09:41
MotorSignal•Online

Group Rides

Packs, route planning & community sessions

48dp boxFeedHub
B
BillFree Tier
@bponders12 • Yamaha R6
48dp min
48dp Primary Action
Tabs ≥48dp
Bay Area Twisty • Organizing

Sunday Skyline & Pescadero Carve

#SKY92
Distance
68.4 mi
Pace
Spirited
Riders
8 Confirmed
DEDICATED LOGISTICS ROW
Sun, 9:00 AM • Alice's Restaurant, Woodside CA
NorCal Sportbikes • Joined

Mt. Tamalpais Twilight Run

#TAM71
Distance
42.0 mi
Pace
Moderate
Riders
14 Confirmed
DEDICATED LOGISTICS ROW
Sat, 5:30 PM • Mill Valley Depot, Marin County