Findmykids: GPS Phone Tracker

Colors

• #4D4D4DScrim Overlay · dimmed background behind bottom sheet
• #F4F5F7Sheet Surface · bottom sheet background
• #FFFFFFOption Card Background · choice selection cards background
• #111111Dark Charcoal · sheet heading · option labels
• #9E9E9EChevron Gray · row navigation chevrons
• #D3E2F4Handle Bar Tint · sheet drag handle indicator

Type

• Sheet HeadingSF Pro Display · 44px · 700 · #111111
• Option Card LabelSF Pro Text · 35px · 500 · #111111

Elements

• Bottom Sheet Modal · modal

  Extends from screen bottom covering approximately half of viewport height. · Off-white rounded sheet with top-center drag handle pill.

• Drag Handle · indicator

  Top center of bottom sheet, ~100 px wide, ~8 px high. · Subtle light blue-gray horizontal pill.

• Option List Items · list_item

  Vertical stack of 3 rounded cards spaced ~20 px apart, height ~130 px each. · Clean white rectangular cards with rounded corners and right-aligned subtle disclosure chevrons.

Layout

Interactive modal bottom sheet presenting single-choice survey options over a dimmed background showing the earlier tutorial screen.

Notes

Bottom sheet has rounded top corners and clean elevated card items inside.