Type scales

Heading Type scales

H1: The quick brown fox jumps over the lazy dog

H2: The quick brown fox jumps over the lazy dog

H3: The quick brown fox jumps over the lazy dog Title Example lorem ipsum

H4: Thin Title Example lorem

H5: The quick brown fox jumps over the lazy dog Title Example lorem ipsum
H6: The quick brown fox jumps over the lazy dog Title Example lorem ipsum

Subheading Type scales

Subtitle

Overline

Caption Large

Caption medium

Caption small

Caption x-small

Paragraph Type scales

Paragraph - Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa vitae tortor condimentum lacinia quis vel. Varius vel pharetra vel turpis nunc eget lorem dolor. bold text Et egestas quis ipsum suspendisse ultrices gravida dictum fusce ut. Nullam non nisi est sit amet facilisis magna.

Paragragh - Regular

Magna strong text etiam tempor orci eu lobortis text link here tellus molestie. Feugiat nibh sed pulvinar proin gravida hendrerit. Aenean sed adipiscing diam donec adipiscing tristique risus nec feugiat.

Paragragh - Small

Lectus proin nibh nisl condimentum id venenatis a condimentum. Elementum tempus egestas sed sed risus pretium. Nunc aliquet bibendum enim facilisis gravida neque. Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Pellentesque sit amet porttitor eget dolor morbi. Gravida rutrum quisque non tellus.

Paragragh - X-Small

Lectus proin nibh nisl condimentum id venenatis a condimentum. Elementum tempus egestas sed sed risus pretium. Nunc aliquet bibendum enim facilisis gravida neque. Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Pellentesque sit amet porttitor eget dolor morbi. Gravida rutrum quisque non tellus.

Color Pallete

Brand Colors for both Western & 1922
Primary 1 - Brand Black
Primary 2 - White
Brand Colors for Western only
Primary 3 - Gold
Primary 4 - Red
Greyscale, Black & White
Primary 5 - Light Gray
Grey 1
Grey 2
Grey 3
Grey 4
Grey 5
Black
White
Utility Colors
Error
Success
Disabled
Swatches
Beige
Blue
Orange
Purple
Ivory
Brown
Natural
Pink
Tan
Yellow

Buttons & Links

Light
Primary
Secondary
Dark
Primary
Secondary
Western Buttons
Primary
Secondary
Disabled
Links (Dark BG example)

This is an inline link example.

Focus link
Content Module Link Xsmall
Content Module Link Small
Content Module Link Medium
Content Module Link Large
Links

This is an inline link example.

Focus link
Content Module Link Xsmall
Content Module Link Small
Content Module Link Medium
Content Module Link Large
Content Module Blue Link Xsmall
Content Module Blue Link Small
Content Module Blue Link Medium
Content Module Blue Link Large

Badges (Flags)

New New New Sold Out Sold Out Sold Out On Sale On Sale On Sale 50% off 50% off 50% off

Forms

Fields