Components

Design
Code
keyboardshortcuts
d
Design
c
Code
,
Previous Section
.
Next Section
/
Toggle Preview Environment
[
Previous Platform
]
Next Platform
command +
Scroll to Top
command +
Scroll to Bottom

Label a particular element without overpowering the element itself.

Think of item titles as a subhead for a single item. They provide extra weight when necessary, but aren’t essential for everyday use.

Size

As usual, it all depends on context.

Email Address

Default: Suitable for the majority of interfaces.

Style

The all-caps variation of item title makes every letter uppercase, creating an extra layer of visual density not provided by the standard item title.

Order Number

Usage

  • When referencing Hudl, always use the default style.
  • Limit the usage of all-caps style to one-word phrases.

Microcopy

Use the UI label guidelines when typesetting item titles.

Platform

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