← Onboarding

Coursera: Grow your career

Coursera · Education · $703.1K/mo · 100.4K downloads · ★ 4.8

App Store ↗

Screens11

10Other

Colors

  • #000000Background Deep Black · Screen background
  • #7BA7F7Brand Accent Blue · Logo fill · Inline link highlight text · Bottom action button fill
  • #FFFFFFPrimary Text White · Title heading · Body narrative text
  • #001A4EButton Label Contrast Navy · Bottom action button text

Type

  • Screen TitleSF Pro Display · 52px · 700 · #FFFFFF
  • Body ParagraphSF Pro Text · 44px · 400 · #FFFFFF
  • Body Inline LinkSF Pro Text · 44px · 600 · #7BA7F7
  • Sticky CTA Button LabelSF Pro Text · 44px · 700 · #001A4E

Elements

  • Brand Wordmark · image

    Left-aligned, positioned roughly 360px below status bar, 68px from left screen edge · Monochrome glyph logo in accent blue

  • Notice Text Content · text_block

    Left-aligned text blocks with 68px horizontal margins, 72px gap between header and paragraphs · High-contrast text on solid black background with emphasized colored anchor links

  • Accept Policy Action · button

    Pinned to bottom viewport area with ~68px left/right margins and ~90px bottom safe area margin, height ~130px · Filled rounded rect in brand accent blue (#7BA7F7) with bold dark blue text

Layout

Single-column informational legal consent screen. Content is left-aligned in the upper portion leaving substantial negative space in the center, paired with a persistent primary confirmation button docked near the bottom edge.

Notes

Standard modal legal update flow. Clean typography with high contrast adherence to accessibility standards.

Store