Style Guide
Logo Marks
Colors
Action
Action
Ultra Light
Light
Medium
Dark
Ultra Dark
Comp
Primary
Primary
Ultra Light
Light
Medium
Dark
Ultra Dark
Comp
Secondary
Secondary
Ultra Light
Light
Medium
Dark
Ultra Dark
Comp
Accent
Accent
Ultra Light
Light
Medium
Dark
Ultra Dark
Comp
Base
Base
Ultra Light
Light
Medium
Dark
Ultra Dark
Comp
Shade
Shade
Ultra Light
Light
Medium
Dark
Ultra Dark
Action
Trans 10
Trans 20
Trans 40
Trans 60
Trans 80
Trans 90
Primary
Trans 10
Trans 20
Trans 40
Trans 60
Trans 80
Trans 90
Secondary
Trans 10
Trans 20
Trans 40
Trans 60
Trans 80
Trans 90
Accent
Trans 10
Trans 20
Trans 40
Trans 60
Trans 80
Trans 90
Base
Trans 10
Trans 20
Trans 40
Trans 60
Trans 80
Trans 90
Shade
Trans 10
Trans 20
Trans 40
Trans 60
Trans 80
Trans 90
Success
Success
Success Light
Success Dark
Success Hover
Danger
Danger
Danger Light
Danger Dark
Danger Hover
Warning
Warning
Warning Light
Warning Dark
Warning Hover
info
Info
Info Light
Info Dark
Info Hover
Buttons
Typography
Heading 1 Regular
Heading 1 Medium
Heading 1 Bold
Heading 2 Regular
Heading 2 Medium
Heading 2 Bold
Heading 3 Regular
Heading 3 Medium
Heading 3 Bold
Heading 4 Regular
Heading 4 Medium
Heading 4 Bold
Heading 5 Regular
Heading 5 Medium
Heading 5 Bold
Heading 6 Regular
Heading 6 Medium
Heading 6 Bold
Sit amet ex magna ad irure voluptate voluptate nisi ex dolor fugiat tempor laborum sunt. Adipisicing sit elit excepteur labore non velit eu minim esse. Aliqua Lorem adipisicing pariatur magna nisi ullamco incididunt irure occaecat enim id dolore. Aliquip duis elit fugiat proident irure culpa eiusmod adipisicing officia irure minim irure. Esse dolor amet nisi eu deserunt ipsum labore proident culpa est adipisicing nulla laboris cillum.
Sit amet ex magna ad irure voluptate voluptate nisi ex dolor fugiat tempor laborum sunt. Adipisicing sit elit excepteur labore non velit eu minim esse. Aliqua Lorem adipisicing pariatur magna nisi ullamco incididunt irure occaecat enim id dolore. Aliquip duis elit fugiat proident irure culpa eiusmod adipisicing officia irure minim irure. Esse dolor amet nisi eu deserunt ipsum labore proident culpa est adipisicing nulla laboris cillum.
Sit amet ex magna ad irure voluptate voluptate nisi ex dolor fugiat tempor laborum sunt. Adipisicing sit elit excepteur labore non velit eu minim esse. Aliqua Lorem adipisicing pariatur magna nisi ullamco incididunt irure occaecat enim id dolore. Aliquip duis elit fugiat proident irure culpa eiusmod adipisicing officia irure minim irure. Esse dolor amet nisi eu deserunt ipsum labore proident culpa est adipisicing nulla laboris cillum.
Sit amet ex magna ad irure voluptate voluptate nisi ex dolor fugiat tempor laborum sunt. Adipisicing sit elit excepteur labore non velit eu minim esse. Aliqua Lorem adipisicing pariatur magna nisi ullamco incididunt irure occaecat enim id dolore. Aliquip duis elit fugiat proident irure culpa eiusmod adipisicing officia irure minim irure. Esse dolor amet nisi eu deserunt ipsum labore proident culpa est adipisicing nulla laboris cillum.
Sit amet ex magna ad irure voluptate voluptate nisi ex dolor fugiat tempor laborum sunt. Adipisicing sit elit excepteur labore non velit eu minim esse. Aliqua Lorem adipisicing pariatur magna nisi ullamco incididunt irure occaecat enim id dolore. Aliquip duis elit fugiat proident irure culpa eiusmod adipisicing officia irure minim irure. Esse dolor amet nisi eu deserunt ipsum labore proident culpa est adipisicing nulla laboris cillum.
Sit amet ex magna ad irure voluptate voluptate nisi ex dolor fugiat tempor laborum sunt. Adipisicing sit elit excepteur labore non velit eu minim esse. Aliqua Lorem adipisicing pariatur magna nisi ullamco incididunt irure occaecat enim id dolore. Aliquip duis elit fugiat proident irure culpa eiusmod adipisicing officia irure minim irure. Esse dolor amet nisi eu deserunt ipsum labore proident culpa est adipisicing nulla laboris cillum.
Sit amet ex magna ad irure voluptate voluptate nisi ex dolor fugiat tempor laborum sunt. Adipisicing sit elit excepteur labore non velit eu minim esse. Aliqua Lorem adipisicing pariatur magna nisi ullamco incididunt irure occaecat enim id dolore. Aliquip duis elit fugiat proident irure culpa eiusmod adipisicing officia irure minim irure. Esse dolor amet nisi eu deserunt ipsum labore proident culpa est adipisicing nulla laboris cillum.
Sit amet ex magna ad irure voluptate voluptate nisi ex dolor fugiat tempor laborum sunt. Adipisicing sit elit excepteur labore non velit eu minim esse. Aliqua Lorem adipisicing pariatur magna nisi ullamco incididunt irure occaecat enim id dolore. Aliquip duis elit fugiat proident irure culpa eiusmod adipisicing officia irure minim irure. Esse dolor amet nisi eu deserunt ipsum labore proident culpa est adipisicing nulla laboris cillum.
Sit amet ex magna ad irure voluptate voluptate nisi ex dolor fugiat tempor laborum sunt. Adipisicing sit elit excepteur labore non velit eu minim esse. Aliqua Lorem adipisicing pariatur magna nisi ullamco incididunt irure occaecat enim id dolore. Aliquip duis elit fugiat proident irure culpa eiusmod adipisicing officia irure minim irure. Esse dolor amet nisi eu deserunt ipsum labore proident culpa est adipisicing nulla laboris cillum.