DARTSLIVE

Colors

• #FFFFFFpure_white · card background · browser chrome
• #F7F7F7background_light_gray · page body background
• #333333dark_charcoal · main headline · email display · section header
• #666666medium_gray · secondary body copy · copyright notice
• #2E78C7link_blue · hyperlink text

Type

• page_titleHelvetica Neue · 44px · 700 · #333333
• target_emailHelvetica Neue · 34px · 700 · #333333
• status_titleHelvetica Neue · 30px · 400 · #333333
• body_instructionsHelvetica Neue · 28px · 400 · #333333
• troubleshooting_headerHelvetica Neue · 28px · 700 · #333333
• footer_copyrightHelvetica Neue · 22px · 400 · #666666

Elements

• confirmation_card · card

  Full-width white block positioned under the title section with centered text. · Pure white background without border or shadow, cleanly separating confirmation messaging.

• resend_link · link

  Inline text link inside the troubleshooting section. · Underlined light blue clickable hyperlink.

• copyright_footer · footer

  Centered at the bottom of the page, above the browser toolbar. · Subtle gray centered typography.

Layout

Confirmation and guidance screen with a high-contrast white content block on light gray background, followed by troubleshooting links and footer.

Notes

Clean transactional layout focused on verifying email delivery and guiding users on next steps.