Hi-fi: S06 Onboarding · Weekly days + reminder time

Generated by botgumi-design index from ../../screens.json. Edit that file, not this page.

Stage: hifi · Key: onboarding/commitment · Data-binding map: bindings.md

Drawn in the gallery: Onboarding. Each board is the committed HTML in screens/, drawn on the example data in docs/api/examples/.

#Contract

• default: weekly_days 3/5/7 (pre-fills the paywall slider) + reminder_time wheel (default 08:30).
• selected: weekly_days 3/5/7 (pre-fills the paywall slider) + reminder_time wheel (default 08:30).

Flows: F1 First launch → diagnostic → paywall → first real session.

Reads and calls:

• (answers held locally until the last step)

Local state:

• local:onboarding.answers.weekly_days
• local:onboarding.answers.reminder_time

#Boards

One row per state. A state without boards of its own says what shows it.

State	Board	Example data
default	zh-Hans · en	onboarding-answers.json (zh-Hans · en)
selected	zh-Hans · en	onboarding-answers.json (zh-Hans · en)
loading	no board of its own: From states.md (Onboarding (6 steps)): n/a (local)
empty	no board of its own: From states.md (Onboarding (6 steps)): n/a
error	no board of its own: From states.md (Onboarding (6 steps)): POST /onboarding failed: inline banner + Retry; answers kept · fatal: generic error, answers kept
offline	no board of its own: From states.md (Onboarding (6 steps)): answers kept; submit queued; diagnostic needs network → "Connect to start your diagnostic"

#The boards

Each state as drawn (393 × 852), one board per locale. Open a board on its own for its spec panel.

default

selected

#Tokens used

By path in ../../system/tokens.source.json.

Token	Where
color.accentPrimary	.btn--primary
color.accentPrimaryPressed	.btn--primary
color.bgCanvas	.device, .dock, .screen
color.bgInverse	.day-opt
color.bgInverseRaised	.icon-btn
color.bgSunken	.btn, .icon-btn, .wheel
color.bgSurface	.day-opt, .wheel
color.lineHairline	.day-opt, .ob-progress, .wheel
color.statusSuccess	.on
color.textDisabled	.btn
color.textOnAccent	.btn--primary
color.textOnInverse	.day-opt, .icon-btn
color.textOnInverseSecondary	.day-opt
color.textPrimary	.col, .device, .home-indicator, .icon-btn …
color.textSecondary	.c-secondary
color.textTertiary	.col, .step-count, .wheel
radius.button	.btn
radius.md	.day-opt, .wheel
space.gutter	.dock, .ob-progress, .pad
space.s6	.screen
space.safeBottom	.dock, .has-dock, .screen
space.safeTop	.device, .screen
space.sizeCtaHeight	.btn, .has-dock, .screen
space.sizeHitMin	.icon-btn
space.sizeTabbarHeight	.screen
typography.footnote	.t-footnote
typography.headline	.t-headline
typography.subheadline	.t-subhead
typography.title1	.t-title1

#Strings

app.name, common.back, common.continue, common.step_of.a11y, home.greeting.format, notif.daily.title, onboarding.commitment.days.a11y, onboarding.commitment.reminder.a11y, onboarding.commitment.reminder.hint, onboarding.commitment.reminder.title, onboarding.commitment.subtitle, onboarding.commitment.title, onboarding.commitment.unit.challenge, onboarding.commitment.unit.easy, onboarding.commitment.unit.steady, onboarding.progress.a11y, paywall.k.a11y_value, paywall.k.label, paywall.k.value, paywall.projection.score, plan.week, plan.weekly_days, resume.cta, settings.reminder_time, settings.retention.7

#Notes for the app tracks

Motion, haptics, Dynamic Type and VoiceOver: engagement.md, tokens.md §6–7 and ios-handoff.md. Open a board with ?theme=dark&dt=1.35&binds=1 to see dark mode, the largest tested type size and every bound element.

Tracking-plan events: no tracking plan page exists yet; ADR-001 D12 names the events.

Tokens with no group in system/tokens.source.json yet (they stay in tokens.css): --dt, --font-family-numeric, --font-family-text, --font-weight-bold, --font-weight-regular, --font-weight-semibold, --motion-duration-fast, --motion-duration-instant, --motion-ease-standard, --type-tracking-tight.