warning

Hey there! This is the Uniform version 3 documentation site. If you’re looking for version 4, go here instead.

logomark

  • Visual Guidelines
  • Components
  • Patterns
  • Words
  • Resources

Patterns

Empty States
Forms
Mobile Navigation
Tabs
User Lists
February 2020 Release

/

Patterns

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

Empty States

Every empty state, no matter the feature or its spot in a given workflow, should serve to onboard the user. It should always tell them what’s missing and how to get it there.

Forms

Whether it’s part of a larger task or a one-off entry, completing the form accurately should be quick and easy. Layout and content are key to building that experience.

Mobile Navigation

Our mobile screens have less room to perform just as many actions (sometimes more). The options to progress forward and backward should remain clear, but concise.

Tabs

Tabs serve to break up similar content by highlighting what’s necessary–when it’s necessary–without confusing the user.

User Lists

User lists are common for those who play on the same team, or follow the same brand. They must remain legible so our users can easily find who they're looking for.

logomark
Uniform
Get Started
Visual Guidelines
Components
Words
Resources
Apply @ Hudl
© Agile Sports Technologies, Inc. dba Hudl 2016-2018