Findmykids: GPS Phone Tracker

Colors

• #FFFFFFBackground White · Screen background · Chat FAB icon
• #0084FEPrimary Blue · Main section header · Breadcrumb links · Hyperlinks · Chat FAB background
• #1A1E24Text Primary Dark · Navigation bar title · Section subtitles · Body text
• #F0F2F5Back Button Background · Circular back button fill
• #E5E7EBSubtle Border Grey · Navigation bar bottom hairline divider

Type

• Navigation Bar TitleSF Pro Text · 50px · 700 · #1A1E24
• Breadcrumb Path / Hierarchy LinkSF Pro Text · 44px · 400 · #0084FE
• Primary Section Header (H1)SF Pro Display · 80px · 800 · #0084FE
• Summary Callout TextSF Pro Text · 44px · 400 · #1A1E24
• Subsection Header (H2)SF Pro Text · 46px · 700 · #1A1E24
• Inline LinkSF Pro Text · 46px · 400 · #0084FE
• Subsection Body TextSF Pro Text · 46px · 400 · #1A1E24

Elements

• Navigation Bar · header

  Fixed at top below system status bar, spans 100% width, height ~130px, items vertically centered. · White background with a faint bottom border divider.

• Back Button · button

  Positioned left inside the navigation bar, margin-left ~44px, circular shape ~100px diameter. · Light grey solid fill (#F0F2F5) containing a dark grey/black left-facing chevron icon.

• Breadcrumb Trail · navigation

  Top of scroll view, left-aligned, horizontal flow across two lines with bullet point separators, padding horizontal ~64px. · Blue plain text links.

• Floating Action Button (Chat) · button

  Floating in bottom-right corner, margin-bottom ~60px, margin-right ~44px, circular ~150px diameter. · Vibrant blue fill (#0084FE) with white chat bubble icon in center; subtle drop shadow.

Layout

Standard vertical single-column documentation reader layout. Fixed top navigation bar containing a circular back button and centered title. Below is a scrollable article view with left-aligned breadcrumbs, large prominent section header in primary blue, an italicized section summary, followed by numbered clauses with bold titles and inline links. A floating round action button remains pinned at the bottom-right corner.

Notes

Typography exhibits standard iOS system design aesthetics resembling SF Pro Text and SF Pro Display; alternative geometric neo-grotesque typefaces (such as Roboto or Inter) remain visually plausible. Exact shadow elevation parameters on the chat FAB are approximate.