Bible Chat: Daily Devotional

Colors

• #F0F2EBScreen Background · screen background
• #252723Headline Dark Charcoal · title text
• #DCE2D1Selected Card Fill · selected option background
• #4D5843Selected Card Border · selected option border
• #47533CActive Olive · button background · check indicator
• #FFFFFFWhite · button text · checkmark icon

Type

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

Elements

• Selected Catholic Card · selection_control

  First item in the denomination list. · Light sage green background, dark olive stroke, with dark olive circle badge containing white checkmark.

• Continue Button · button

  Bottom anchored, height ~146px. · High-contrast dark olive fill, white typography and right chevron icon.

Layout

Active selected state of denomination selection screen with enabled CTA button.

Notes

Identical structure to Screen 3 with first option selected.