Huckleberry: Baby Tracker

Colors

• #D9F2F9promo_card_bg · referral_card_background
• #8ACB38brand_lime · referral_cta_fill · add_child_text · active_tab_icon
• #27BBD8baby_avatar_cyan · child_avatar_background
• #3B4B64deep_navy · navigation_title · user_name · list_item_text · referral_title
• #6C7A8Ebody_slate · email_subtext · referral_body_text · section_header_label · chevron_tint
• #FFFFFFwhite · screen_background · card_fill · button_label_text

Type

• navigation_titleNunito · 44px · 800 · #3B4B64
• section_headerNunito · 34px · 700 · #6C7A8E
• list_item_titleNunito · 42px · 700 · #3B4B64
• action_textNunito · 40px · 700 · #8ACB38
• referral_titleNunito · 44px · 800 · #3B4B64

Elements

• settings_top_bar · navigation_bar

  Centered screen title 'Settings' with left-aligned back arrow · Clean white header with bold typography and slate back icon

• user_profile_row · list_item

  Full width with horizontal inset 48px, height ~160px, chevron on right edge · Name in primary text with private relay Apple ID email below in muted slate

• referral_promo_card · banner_card

  Full width or edge-to-edge section with height ~520px, contains text, CTA button, and baby illustration · Light aqua fill (#D9F2F9) with sleeping swaddled baby vector on right, pill CTA button '#8ACB38' on left

• settings_menu_items · menu_group

  Vertical stack of settings rows including Messages, Huckleberry memberships, and Redeem a gift card · Outline icons (envelope, ID card, gift box) on left, bold title, right navigation chevron

• global_tab_bar · tab_bar

  Bottom anchored navigation bar with 5 items · Solid white bar with gray icons and green highlighted home icon

Layout

Hierarchical settings view. Top navigation followed by profile credentials row, child management section with + Add action, full-width referral promotional banner card, standard settings link rows with icons, and persistent bottom tab navigation.

Notes

The referral section breaks out into an edge-to-edge colored card with an integrated vector illustration.