Bible Chat: Daily Devotional

Colors

• #F0F2EBScreen Background · screen background
• #252723Title Charcoal · question title
• #6C7066Subtitle Grey · helper subtitle
• #F8F9F5Card Off-White · option card background
• #E0E3DACard Border · card border · radio indicator
• #47533CProgress Bar Olive · progress fill
• #B5BCB0Disabled Button Background · disabled continue button background
• #3E4339Disabled Button Text · disabled continue button text

Type

• TitleGeorgia · 68px · 700 · #252723
• SubtitleSF Pro Text · 42px · 400 · #6C7066
• Option LabelSF Pro Text · 44px · 400 · #252723
• Primary ButtonSF Pro Text · 44px · 600 · #3E4339

Elements

• Progress Bar · progress_indicator

  Top of screen, ~55% progress filled. · Dark olive progress bar on light grey track.

• Age Group Option Cards · radio_list

  Vertical column of 6 options (13-17 up to 55+), height ~146px each with ~20px gaps. · Rounded rectangle cards with left-aligned age ranges and trailing empty circular radio controls.

• Disabled Continue Button · button

  Bottom of screen, height ~146px. · Muted desaturated olive button in inactive state.

Layout

Standard onboarding question layout with headline, explanatory subtitle, unselected age category cards, and inactive CTA.

Notes

Consistent typography and spacing hierarchy matching Screen 0.