Findmykids: GPS Phone Tracker

Colors

• #B74BE8Tutorial Card Violet · top intro message card fill
• #0085FFPrimary Action Blue · continue button fill
• #F4F5F7Map Ground · map background canvas
• #FFFFFFMap Street Lines · map road grid fills
• #E0F2E9Map Park Green · green zones on map
• #FFFFFFWhite · banner text · button text

Type

• Banner MessageSF Pro Rounded · 44px · 700 · #FFFFFF
• Continue CTASF Pro Text · 38px · 600 · #FFFFFF

Elements

• Back Navigation Button · button

  Top-left below status bar, ~40 px from left edge. · Minimalist black chevron icon.

• Onboarding Callout Card · card

  Top-center below back button, ~960 px wide, ~290 px tall, horizontal padding ~40 px. · Solid bright violet rounded rectangle containing an illustrated woman holding a smartphone and waving, paired with onboarding copy.

• Isometric Map View · image

  Spans entire background from top to bottom. · Clean 3D/isometric map illustration with building blocks, pale roads, and soft green park geometries.

• Continue Button · button

  Bottom pinned with ~70 px side margins, ~115 px height. · Vibrant primary blue pill button with centered white text.

Layout

Top-anchored tutorial banner overlaid on a full-screen isometric map background, with a fixed primary action button at the screen bottom.

Notes

Isometric map angle adds visual depth. Banner typography uses rounded terminal shapes.