Bible Chat: Daily Devotional

Colors

• #F0F2EBScreen Background · screen background
• #252723Title Charcoal · headline text
• #DCE2D1Selected Card Surface · selected option background
• #4D5843Selected Card Outline · selected option border
• #47533CActive Button Fill · active button background · checkmark badge fill
• #FFFFFFActive Button Text · active button label · checkmark icon fill

Type

• TitleGeorgia · 68px · 700 · #252723
• Option LabelSF Pro Text · 44px · 400 · #252723
• Primary ButtonSF Pro Text · 44px · 600 · #FFFFFF

Elements

• Selected Age Option (25-34) · selection_control

  Third card in the vertical list, height ~146px. · Green-tinted background, dark border, and dark olive circular badge with white checkmark.

• Active Continue Button · button

  Bottom-pinned pill button, height ~146px. · Deep olive solid background with white text label and trailing chevron.

Layout

Active selected state of the age group question screen with the third item chosen and bottom CTA enabled.

Notes

Matches selection interaction pattern seen in Screen 1 and Screen 4.