Findmykids: GPS Phone Tracker

Colors

• #BA43CCBanner Violet · Top announcement callout background
• #FFFFFFCard and Background White · Map surface tiles · Banner text · Marker base backgrounds
• #2797FFMap Accent Blue · GPS tracking path · Marker halos · Category icon badges
• #F0F2F5Map Background Gray · Map terrain base · Road street grid
• #C233B9Progress Fuchsia · Top linear onboarding progress track

Type

• Banner TitleNunito · 34px · 700 · #FFFFFF
• Status Bar Time30px · 600 · #000000

Elements

• Linear Step Progress Bar · progress_indicator

  Fixed near top, horizontally spans ~160px from left edge, height ~10px · Rounded pill track filled with solid magenta-violet

• Story Promo Banner · card

  Positioned top center, width ~960px, height ~280px, horizontal padding ~40px · Filled purple card with 2D character illustration on the left and white descriptive text on the right

• Child Map Location Pin · map_marker

  Mid-upper right of map canvas, circular child portrait with surrounding blue pulse disk and book badge · Layered avatar circle inside white border and light blue concentric aura

• Route Path · vector_path

  Connected line traversing street grid from bottom-left home icon to school icon marker · Continuous bright blue solid stroke ~10px thick

• Family Member Pins · map_marker

  Clustered toward bottom right and center left (parent avatars, home badge, tree park badge) · Teardrop-shaped pins and circles with colored badges

Layout

Single-screen onboarding illustration featuring an angled perspective vector street map with fixed top narrative banner and progress indicator.

Notes

Font exhibits soft rounded terminals characteristic of Nunito or SF Pro Rounded. The map is decorative/illustrative rather than an interactive tile provider.