Epic - Kids' Books & Reading

Colors

• #FFFFFFbackground-white · screen background · checkbox inner
• #00A2F3brand-cyan-blue · screen title · continue button fill · inline text links · decline text
• #A7B6C2checkbox-border · checkbox stroke
• #273444body-text-dark · agreement text body
• #FFFFFFbutton-text-white · continue button text

Type

• screen-titleNunito · 44px · 800 · #00A2F3
• terms-agreement-textSF Pro Text · 20px · 400 · #273444
• continue-button-labelNunito · 26px · 800 · #FFFFFF
• decline-button-labelNunito · 22px · 700 · #00A2F3

Elements

• terms_checkbox · checkbox

  Left of agreement text, size ~68px by 68px · Unchecked square with rounded corners and thick neutral gray border

• agreement_row · container

  Centered horizontally, ~650px wide, ~100px below title · Horizontal flex row pairing the checkbox with two lines of text with blue hyperlinks

• continue_button · button

  Horizontally centered in lower area, ~630px wide, height ~90px · Solid bright cyan-blue pill button with white text

• decline_button · text_button

  Centered below continue button, vertical spacing ~40px · Border-free text button in bright cyan-blue

Layout

Centered vertical layout with title at the top, a checkbox agreement block in the upper third, and action buttons anchored in the lower third.

Notes

Agreement text contains inline blue links to 'Terms of Services' and 'Privacy Policy'.