ReciMe: Recipes & Meal Planner

Colors

• #F7F5F0Background Off-White · Screen background
• #D1D5DBInput Border · Text input outline
• #9CA3AFInput Placeholder · Placeholder text

Type

• TitleSF Pro Display · 34px · Bold · #1C1C1A
• Input PlaceholderSF Pro Text · 20px · Regular · #9CA3AF

Elements

• Text Input Field · Input

  Horizontally centered below subtitle with generous vertical margin · White rounded rectangle with thin border and placeholder text

• Continue Button · Button

  Bottom anchored · Black pill button with white text

Layout

Standard text input screen for user name entry.

Notes

Keyboard not visible yet.