Huckleberry: Baby Tracker

Colors

• #FFFFFFWhite Background · Full screen view background
• #274857Dark Navy Title · Page title · Header text
• #000000Apple Black · Continue with Apple button fill
• #DCE3E8Button Border Gray · Outlined social buttons stroke
• #27B3CAHyperlink Cyan · Terms, Privacy Policy, and Sign In text links
• #4F6876Body Slate Gray · Disclaimer and question body copy

Type

• Navbar TitleNunito · 24px · 700 · #274857
• Hero TitleNunito · 34px · 700 · #274857
• Social Button LabelNunito · 20px · 600 · #274857
• Apple Button LabelNunito · 20px · 600 · #FFFFFF
• Legal / Footer TextNunito · 17px · 400 · #4F6876

Elements

• Navigation Bar · Top App Bar

  Top screen row with left arrow and centered Sign up title · Flat minimal bar with thin back arrow icon

• Continue with Apple · Primary Button

  Full width pill button centered in auth group · Solid black fill with white Apple logo icon and white text

• Continue with Google · Secondary Button

  Full width pill button beneath Apple button · White fill with 1.5px gray outline, Google multicolored G icon

• Continue with Email · Secondary Button

  Full width pill button beneath Google button · White fill with 1.5px gray outline, outline envelope icon

Layout

Vertical single-column authentication screen with top nav, hero title, vertically stacked authentication options with consistent padding, and centered legal footnotes.

Notes

High contrast pill buttons follow official third-party identity guidelines.