DARTSLIVE

Colors

• #F5F5F5background-page · overall page background · top header band background
• #FFFFFFcard-surface · confirmation card fill · browser navigation chrome
• #333333text-primary · primary headings · email address display · section headings
• #4A4A4Atext-body · informational message text · instructions body copy
• #2B88D9link-blue · hyperlink text underline
• #888888text-muted · copyright label text

Type

• page-titleHelvetica Neue · 54px · 700 · #333333
• card-headerHelvetica Neue · 44px · 700 · #333333
• card-bodyHelvetica Neue · 40px · 400 · #333333
• section-headerHelvetica Neue · 40px · 700 · #333333
• section-bodyHelvetica Neue · 38px · 400 · #333333
• link-textHelvetica Neue · 38px · 400 · #2B88D9
• copyright-captionHelvetica Neue · 28px · 400 · #888888

Elements

• browser_top_bar · navigation_bar

  Fixed top bar spanning full width across the top with close button, centered URL card.dartslive.com, and tab switcher icon. · Semi-translucent rounded address pill, solid icon buttons, subtle divider line.

• brand_header · header

  Spans 100% width below browser chrome, left-aligned DARTSLIVE logotype with emblem. · Solid black vector logo mark on white background band.

• confirmation_card · card

  Full-width white content card occupying central region with vertical stacking of email, status, and instructions. · White fill with generous top and bottom padding, no visible border or drop shadow.

• browser_bottom_toolbar · toolbar

  Docked at bottom of viewport containing navigation arrows, share, reload, and safari compass action buttons. · Light grey/translucent background pill with circular action icon button on left and grouped icons on right.

Layout

Single-column webview confirmation flow inside an in-app browser sheet. Vertically centered confirmation card followed by left-aligned troubleshooting information and centered legal footer.

Notes

System fonts render consistently with standard iOS WebKit styling (San Francisco or Helvetica Neue fallback).