Global

The global category defines visual elements such as color, font families, and motion. While not technically UI components, these elements are critical to document in the pattern library.

Primary Colors

▼

HEX: #1CB5D8
Sass: $vibrant-blue
HEX: #3E434A
Sass: $charcoal

Secondary Colors

▼

HEX: #006281
Sass: $tk-blue
HEX: #182752
Sass: $navy
HEX: #1B2935
Sass: $deep-charcoal
HEX: #D7D7D7
Sass: $gray
HEX: #F5F5F5
Sass: $light-gray
HEX: #FFFFFF
Sass: $white

Accent Colors

▼

HEX: #73BF44
Sass: $mid-green
HEX: #A5CE39
Sass: $vibrant-green
HEX: #F05A22
Sass: $orange

Tek Icons

▼

Fonts

▼

'Helvetica, Arial Light'

'Helvetica, Arial Light Italic'

'Helvetica, Arial Regular'

'Helvetica, Arial Book'

'Helvetica, Arial Semi Bold'

'Helvetica, Arial Bold'

'M PLUS 1p, Helvetica, Arial' - for Japanese only

Blank

▼