IconLogoMark
IconUiExpandCollapseDown

Release NotesIconUiExpandCollapseDown

ComponentsIconUiExpandCollapseDown

GuidelinesIconUiExpandCollapseDown

AccessibilityIconUiExpandCollapseDown
LayeringIconUiExpandCollapseDown
LayoutIconUiExpandCollapseDown

PatternsIconUiExpandCollapseDown

WordsIconUiExpandCollapseDown

ResourcesIconUiExpandCollapseDown

Brand

/

Design

Represent Hudl in a consistent way.

Choosing the right colors for a user's first interaction with Hudl sets a clear tone for the entire experience.

The brand colors exist to represent Hudl. Generally speaking, these colors are intended for marketing and other representations of the Hudl brand. Usage within the product itself should be carefully considered.

Usage

Use of brand colors in the product itself should be minimal. When building UI elements, check content colors, utility colors and environments instead.

Don't use brand colors for interaction elements.

Don'tuse brand colors for interaction elements.

Do use them to communicate on behalf of Hudl.

Douse them to communicate on behalf of Hudl.

Values

ColorNameRGBA
Brand Orange255, 99, 0, 1
Brand Electric0, 156, 227, 1
Brand Ink35, 42, 49, 1
Brand Evening56, 67, 79, 1
Brand Slate78, 93, 108, 1