LangLearn: AI English Tutor

Colors

• #6e6e6edim-backdrop · modal overlay background
• #e8e8eddialog-bg · alert dialog container background
• #111111title-dark · dialog title text
• #222222body-dark · dialog body text
• #1b75d0accent-blue · inline legal links text · action button text
• #c6c6c8divider-gray · dialog action separator line

Type

• dialog titleSF Pro Display · 36px · 700 · #111111
• dialog bodySF Pro Text · 28px · 400 · #222222
• dialog buttonSF Pro Text · 30px · 500 · #1b75d0

Elements

• Legal Notice Alert Dialog · dialog

  centered horizontally and vertically, width approximately 770px, padding ~48px top/sides · light solid fill with rounded corners, subtle blurred backdrop shadow, horizontal border dividing content and button

• Accept and Continue Button · button

  full-width bottom cell inside alert dialog, height ~96px, centered text · flat transparent background, centered blue interactive text label

Layout

Modal dialog centered over a solid dimmed backdrop with iOS status bar preserved along the top edge.

Notes

Font appears to be Apple system font SF Pro. Underlined/linked texts in body are rendered in the primary brand blue.