Bible Chat: Daily Devotional

Colors

• #2F3B44charcoal-text · primary title · button label
• #4F5960muted-subtext · subtitle · legal text
• #F7F8F7button-surface · social auth button fill
• #D1D5D8button-border · social auth button border
• #2F3B44indicator-active · active carousel dot
• #A7B2BAindicator-inactive · inactive carousel dots

Type

• brand-taglineGeorgia · 34px · 400 · #2F3B44
• headlineGeorgia · 72px · 700 · #2F3B44
• subtitle38px · 400 · #4F5960
• button-text38px · 600 · #2F3B44
• legal-disclaimer28px · 400 · #4F5960

Elements

• brand-pill · badge

  Top left inset below status bar, inline icon with title · Semi-translucent rounded frosted pill badge with circular logo

• page-indicator · indicator

  Horizontally centered between copy and action buttons · Horizontal row of dots, active dot is elongated pill shape

• apple-login-button · button

  Full width with generous horizontal margin, height approx 140px · White-tinted frosted fill with thin subtle stroke border, centered icon and text

• google-login-button · button

  Full width stacked below Apple button with approx 24px vertical gap · White-tinted frosted fill with thin border and multi-color Google 'G' icon

• email-login-button · button

  Full width stacked below Google button with approx 24px vertical gap · White-tinted frosted fill with thin border and charcoal mail icon

Layout

Fixed top branding, central content block with value proposition and pagination, bottom third reserved for stacked action buttons and legal consent footnote.

Notes

Sans-serif copy could be SF Pro or Inter. Subtle drop shadows on pill containers.