Components

Text

Design
Code

Display user content or microcopy at common sizes.

Text is the most common typographical element within our interfaces. Think of it as the body copy.

Size

The level of text you select should provide the appropriate hierarchy and visual coherency within the interface.

If sending a check, please include the invoice number in the memo.

Default: Ideal for most text situations.

Style

The tight variation of text decreases the line height to save space. Because it is more difficult to read, tight is not intended for long blocks of copy.

If sending a check, please include the
invoice number in the memo.

Default: Ideal for most text situations.

Microcopy

Use the non-label guidelines when typesetting text.

Platform

platformnotes
Web
  • Stick to the guidelines above.
Apple
  • Stick to the guidelines above.
Android
  • Stick to the guidelines above.