We strive to bring cohesion throughout Hudl by defining how and why we express ourselves through visual design, interaction and written word.

Visual Style

Color. Typography. Iconography. Oh my! Learn the what and why of our visual style for product and marketing.

Written Word

We’ve purposely crafted our company’s vocabulary and voice to be consistent and coherent across all channels.

Design Elements

These are the applications of our visual style in commonly used design elements.

UI Libraries

These UI Libraries are the code that makes it easy to implement our style and design elements in product UIs.


How the Hudl brand, sub-brands and features should be represented. Hint: orange.


A battle-tested system of beliefs underpins how we think about design at Hudl and informs all decisions.


We’re making great research more systematic so that users and customers remain constantly in focus.