← Onboarding

Epic - Kids' Books & Reading

Epic Creations, Inc. · Education · $1M/mo · 180K downloads · ★ 4.7

App Store ↗

Screens10

10Login

Colors

  • #02A3EDprimary-vibrant-blue · Screen title 'Verify Age' · Dismiss close icon · Active PIN digit box border · Keypad number button circles · Keypad delete button icon
  • #2B3545subheading-charcoal · Instruction subtitle text
  • #BAC7D5inactive-box-border · Inactive PIN input box borders
  • #FFFFFFkeypad-digit-text · Numeric keypad text glyphs
  • #FFFFFFscreen-background · Screen canvas background · PIN input field interior fill

Type

  • screen-headerNunito · 68px · 800 · #02A3ED
  • instruction-subtitleNunito · 42px · 600 · #2B3545
  • keypad-digitsNunito · 62px · 800 · #FFFFFF

Elements

  • dismiss_button · button

    Top-right corner, X:~965px, Y:~170px, ~58px wide by 58px high · Bright cyan-blue cross icon ('X') with rounded caps, borderless

  • pin_digit_boxes · input_group

    Centered row of 4 square boxes under instruction text, Y:430px, each ~125px x 125px with ~28px gap · Rounded squares with white fill; active first box has ~6px blue border (#02A3ED), remaining three have ~4px muted gray border (#BAC7D5)

  • numeric_dialpad_grid · keypad

    Centered 3-column by 4-row layout spanning Y:640px to Y:1750px, each circular button ~230px diameter, horizontal spacing ~48px, vertical spacing ~48px · Bright cyan-blue solid circular fill (#02A3ED) with bold white numbers centered; bottom row features empty left slot, center '0' button, and right outline delete key

  • keypad_backspace_button · button

    Bottom-right position of numeric keypad (column 3, row 4), ~110px wide x 90px tall icon container · Rounded rectangular/tag shaped blue outline (#02A3ED, ~6px stroke) enclosing an 'X' icon glyph with transparent interior fill

Layout

Vertical parental gate / age verification screen. Header and dismiss action aligned at top, centered instructional prompt and 4-slot PIN boxes, followed by an oversized touch-friendly custom circular numeric pin pad filling the middle third.

Notes

Rounded sans-serif font geometry matches Nunito or Quicksand. Consistent vibrant blue color palette used for identity, focus states, and primary interactive buttons.

Store