Typography (TBD)

Typeface

ProtonMail V4.0 utilizes a system font stack. System fonts are the default fonts used by any given OS, helping performance by eliminating the need to download font files.

body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

Font sizes (TBD)

You can use also use class="h1", class="h2", class="h3", etc. to style elements like h1, h2, h3, etc.

This is a heading h1 (equiv 36px)

This is a heading h2 (equiv 28px)

This is a heading h3 (equiv 20px)

This is a heading h4 (equiv 18px)

This is a heading h5 (equiv 17px)

This is a heading h6 (equiv 16px)


Other helpers (TBD)

This text is smallest (equiv 9px)

This text is smaller (equiv 10px)

This text is small (equiv 12px)

This text is big (equiv 16px)

This text is bigger (equiv 18px)

This text is biggest (equiv 20px)

This text is 40px

Other styles

Styles for keyboard tips: use command + enter.
Or B A.