Skip to content

Brand

Use the Standard UI wordmark consistently, with enough space and contrast to remain clear at every size.

Wordmark

UI

The circle form and serif UI lettering make up one wordmark. Keep their scale, spacing, and alignment intact.

Clear space

Leave clear space equal to the icon radius on every side. No type, controls, borders, or illustration details should enter this area.

UI

Light and dark usage

Use the foreground token for the complete wordmark. Choose the theme that provides the strongest contrast with its surrounding surface.

UI

UI

Do

  • Use the supplied icon form and serif lettering together
  • Keep generous clear space around the wordmark
  • Use a single high-contrast foreground color
  • Scale the complete wordmark proportionally

Don't

  • Don't stretch, rotate, crop, or rearrange the wordmark
  • Don't recolor the icon and letters separately
  • Don't add shadows, outlines, or decorative effects
  • Don't place it on a low-contrast or busy background