Mullvad VPN

Colors

• #1d2d44Dark Navy Background · background
• #ffffffWhite Text · titles · labels · links
• #d32f2fRed Text · status alert
• #388e3cGreen Button · primary button fill
• #e53935Red Button · destructive button fill

Type

• TitleSF Pro · 42px · bold · #ffffff
• Section HeaderSF Pro · 24px · medium · #90caf9
• BodySF Pro · 28px · regular · #ffffff
• Alert TextSF Pro · 28px · bold · #d32f2f
• ButtonSF Pro · 26px · semibold · #ffffff

Elements

• Done Button · button

  Top right header area · Text link style white button

• Add Time Button · button

  Lower section, stacked · Green solid rounded rectangle

• Log Out Button · button

  Below Add Time button · Reddish-orange solid rounded rectangle

• Delete Account Button · button

  Bottom of the screen stack · Red solid rounded rectangle

Layout

Account management view displaying device name, masked account number, subscription status (Out of time), and multiple action buttons at the bottom.

Notes

Account details view with subscription status and account management actions.