Findmykids: GPS Phone Tracker

Colors

• #F6F7F9Off-White Background · screen background · map tile fill
• #0085FFPrimary Blue · primary CTA button fill · top link · status indicator dots
• #FFFFFFSecondary Button White · button background · speech bubbles · avatar card borders
• #111111Dark Charcoal · main headline text · #1 metric text
• #CCE7FFLight Blue Pillar · 3D bar pillar under #1
• #0091FFStatus Chip Blue · icon chip backgrounds

Type

• Prominent StatisticSF Pro Display · 170px · 900 · #000000
• HeadlineSF Pro Display · 72px · 700 · #111111
• Status Bubble TextSF Pro Text · 28px · 500 · #111111
• CTA ButtonSF Pro Text · 36px · 600 · #FFFFFF

Elements

• Avatar Map Pins · card

  Scattered across upper-mid map background at realistic map locations. · Circular cartoon avatars with circular bubble containers, pinpoint tails, status callouts ('at School', 'at Office', 'walking').

• #1 App Pillar Graphic · image

  Mid-lower center, bold '# 1' sitting beside an extruded 3D pastel blue cylinder pillar. · High-contrast bold numeral beside a soft cylindrical 3D element.

• Headline Text · text

  Centered horizontally beneath the #1 graphic: 'family location / sharing app'. · Clean modern sans-serif in two lines.

• Create account Button · button

  Pinned bottom region, width ~900 px, height ~115 px. · Bright blue fill, white text, fully rounded pill/squircle.

• Enter invite code Button · button

  Stacked below primary CTA with 24 px gap, height ~115 px. · White fill, blue text.

Layout

Top third contains stylized vector map with illustrated family member avatars; mid-third features social proof rank '#1 family location sharing app'; bottom third contains sticky primary and secondary action buttons.

Notes

Map roads are rendered in faint white/gray lines with light green park accents.