Coursera: Grow your career

Colors

• #000000background_black · screen background
• #FFFFFFtext_primary · header · list item titles
• #E0E2E6text_section_header · section header labels
• #8C929Dtext_secondary_muted · explanatory support subtext
• #7CA7FFaccent_blue · active selection title and sublabel
• #34C759toggle_active_green · toggle active track fill
• #1F2327icon_button_bg · close button fill

Type

• screen_headerSource Sans 3 · 44px · 700 · #FFFFFF
• section_headerSource Sans 3 · 30px · 700 · #E0E2E6
• list_item_titleSource Sans 3 · 36px · 500 · #FFFFFF
• list_item_descriptionSource Sans 3 · 30px · 400 · #8C929D

Elements

• close_modal_button · icon_button

  top left pinned position, 90x90 px circular shape · dark gray circular container with white cross glyph

• support_list_items · list

  vertical list with leading icons and trailing disclosure chevrons · unbordered rows; Report an Issue includes multi-line sub-caption

• legal_section_preview · list_section

  partially visible near bottom edge with 'Terms' row and trailing chevron · consistent with preceding list rows

Layout

Lower scrolled state of the Settings modal view showing the Appearance, Language, Support, and Legal sections. Clean single-column layout with generous vertical rhythm.

Notes

Identical screen component structure to Screen 2, scrolled down to reveal Support and Legal rows.