Bible Chat: Daily Devotional

Colors

• #F0F2EBScreen Background · screen background
• #252723Headline Dark Charcoal · title text
• #F8F9F5Card Off-White · option card background
• #E0E3DACard Border · card border · unselected indicator
• #47533CProgress Active Dark Olive · progress fill
• #B5BCB0Disabled Button Background · disabled button fill
• #3E4339Disabled Button Text · disabled button label

Type

• TitleGeorgia · 66px · 700 · #252723
• Option LabelSF Pro Text · 44px · 400 · #252723
• Primary ButtonSF Pro Text · 44px · 600 · #3E4339

Elements

• Progress Bar · progress_indicator

  Top of screen, ~35% filled dark olive segment. · Thin rounded bar track with completed indicator.

• Denomination Options List · radio_list

  Vertical column of 7 stacked list items with ~20px vertical spacing, each height ~146px. · Text-only left aligned labels with circular outline radio buttons on the right.

• Disabled Continue Button · button

  Fixed near bottom, width ~940px, height ~146px. · Desaturated olive background with semi-transparent dark label.

Layout

Standard single-select onboarding layout with high item count (7 visible options), no subheadline, and disabled bottom CTA.

Notes

No icons inside cards on this screen compared to Screen 0.