Bible Chat: Daily Devotional

Colors

• #27343Bdeep-slate · headline text · brand label
• #3E4950body-charcoal · subtitle text · legal text
• #9BA3A9disabled-text · auth button disabled labels
• #ECEFEFbutton-surface · auth button container
• #27343Bindicator-active · active dot
• #A8B4BCindicator-inactive · inactive dots

Type

• headlineGeorgia · 70px · 700 · #27343B
• subtitle38px · 400 · #3E4950
• button-text-dimmed38px · 600 · #9BA3A9
• legal-disclaimer28px · 400 · #3E4950

Elements

• brand-badge · badge

  Top-left floating pill badge below status bar · Frosted capsule pill with circular app icon

• carousel-dots · indicator

  Centered horizontally, 4th item active · Row of six dots with 4th dot expanded into a dark capsule pill

• loading-button · button

  Full width pill replacing Apple auth button · Frosted translucent fill containing a spinning activity indicator

• dimmed-google-button · button

  Stacked below loading button · Translucent fill, faded icon and text showing disabled/loading state

• dimmed-email-button · button

  Stacked below Google button · Translucent fill, faded icon and text showing disabled/loading state

Layout

Warm vertical gradient backdrop with silhouette overlay; page 4 of intro carousel in an active network/loading state.

Notes

Buttons reflect a disabled/busy state triggered by the top action.