Seesaw

Colors

• #ffffffWhite · background
• #5e2b97Deep Purple · brand logo · buttons · footer text

Type

• Brand TitleNunito · 90px · bold · #5e2b97
• Button TextNunito · 35px · bold · #ffffff
• Footer TextNunito · 22px · semibold · #5e2b97

Elements

• Brand Logo · Text Logo

  Upper center area. · Purple logo text.

• Teacher Button · Button

  Stacked vertically below logo with generous spacing, full width with side margins. · Solid deep purple fill with rounded corners and centered white text.

• Student Button · Button

  Stacked vertically below Teacher button. · Solid deep purple fill with rounded corners, white text, and small icon graphics (apple on book, pencil/crayon).

• Family Member Button · Button

  Stacked vertically below Student button. · Solid deep purple fill with rounded corners and centered white text.

• Footer Links · Text Links

  Bottom center of screen. · Purple text links for privacy policy, terms, and activities.

Layout

Vertical stack layout on a white background with prominent role-selection buttons.

Notes

Onboarding role selection screen.