Bible Chat: Daily Devotional

Colors

• #F0EFEABackground Tint · screen background · canvas
• #2B2E28Deep Charcoal / Forest Text · headline typography · primary text
• #767972Muted Slate Olive · subheading text · placeholder text
• #B5BCB1Disabled Button Olive · disabled cta background
• #4C5643Progress Track · top progress bar active fill
• #F7F6F3Input Card Fill · text area container fill
• #D3D6CFInput Border · text area container outline

Type

• Title HeadlineGeorgia · 44px · 700 · #2B2E28
• Section DescriptionSF Pro Text · 24px · 400 · #767972
• Input PlaceholderSF Pro Text · 24px · 400 · #9A9E96
• Action ButtonSF Pro Text · 26px · 600 · #4C5346

Elements

• Top Flow Progress Bar · progress_bar

  Positioned below the iOS status area, horizontally centered, spanning approximately 90% screen width. · Dark olive green rounded pill line indicating high flow progress.

• Prompt Text Area · text_input

  Centered horizontally below description, fixed multi-line height spanning across the content width. · Pale warm gray filled rounded rectangle with a subtle 1px gray border and multi-line placeholder copy.

• Build My Plan Button · button

  Directly beneath the input field, full content width, pill shape. · Muted sage-gray solid fill indicating inactive/disabled state, containing centered label and a right-pointing chevron.

• iOS Virtual Keyboard · keyboard

  Fixed to bottom of screen, taking approximately the lower 40% of the display. · Standard light-mode German QWERTZ system keyboard with rounded keycaps.

Layout

Single-column form layout pushed upwards by the active iOS system software keyboard, centered headline text and primary input block.

Notes

Serif headline could be New York, Charter, or Georgia. Exact native font cannot be confirmed from pixels.