Color System

A color style system for consistent visual styling

Background

Transparent 60%

Transparent 0%

Border

Subtle Gray

White

Main Brand

Lighter Brand

Darker Brand

Typography

A collections of typography styling

Headline

42px

Lorem Ipsum

Sub Title

12px

Lorem Ipsum

Heading 1

60px

Lorem Ipsum

Heading 2

48px

Lorem Ipsum

Heading 3

40px

Lorem Ipsum

Heading 4

32px

Lorem Ipsum

Heading 5

24px

Lorem Ipsum

Heading 6

18px

Lorem Ipsum

Big Text

18px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph

16px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Small Text

14px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Navigation

14px

Button

14px

Lorem ipsum dolor sit amet

Form Text

12px

Lorem ipsum dolor sit amet

Buttons

Collection of button components for ease of use

Button Text

Style Guide

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Deliver The Value to Your Audiences. Build Your Vault.