Huckleberry: Baby Tracker

Colors

• #FFFFFFBackground White · screen background
• #84CC37Primary Green · cta button background
• #3A4560Navy Text · main question heading
• #768298Muted Slate · subtitle text · input placeholder text
• #CCD3DCInput Border Grey · text input outline
• #F36237Illustration Orange · baby onesie illustration

Type

• TitleNunito · 54px · 800 · #3A4560
• SubtitleNunito · 34px · 600 · #768298
• Input PlaceholderNunito · 36px · 400 · #768298
• Button LabelNunito · 38px · 700 · #FFFFFF

Elements

• Back Navigation Button · icon_button

  Top-left below status bar, 40px margin from left edge, 48x48px hit area · Minimalist left arrow icon with navy/slate stroke

• Baby Illustration · image

  Centered horizontally, approximately 290px from top, 400x320px bounding box · Flat vector illustration of a baby in an orange sleep sack with a pacifier

• Name Text Field · text_input

  Full width with 68px horizontal margins, height 116px, below subtitle · Pill-shaped outline with 2px grey border (#CCD3DC) and white fill

• Continue CTA Button · button

  Pinned near bottom with 86px margin, full width minus 86px margins, height 150px · Vibrant lime green solid fill (#84CC37), rounded pill shape, bold white centered text

Layout

Vertical linear form flow with prominent illustration at the top-center, followed by heading, instructional subtitle, text input field, and bottom-anchored call-to-action button.

Notes

Rounded sans-serif typeface resembles Nunito, Comfortaa, or Quicksand. Low confidence due to standard geometric rounded letterforms.