1. Colour Scheme

Accent

Additional

Text

Background

2. Typography

H1 Heading

Nam vel suscipit sapien, in tristique risus. Curabitur quis ornare risus. Morbi vestibulum porta lorem sed porttitor. Quisque maximus dolor vitae nibh tempor auctor. Phasellus consequat nibh risus, ut accumsan lacus malesuada eu.

Nullam aliquet mi eget ante luctus, elementum interdum metus aliquam. In tempus iaculis augue. Suspendisse risus orci, vehicula ac diam at, eleifend ornare nunc. In lectus dolor, efficitur sit amet ultricies non, interdum nec turpis. Sed in ultricies enim. Mauris mattis mi a lacus pharetra pellentesque.

H2 Heading

Phasellus nec sapien nec eros bibendum tempor. Proin ac velit maximus, mattis nulla laoreet, egestas ligula. Sed interdum tortor nec vehicula pulvinar.

H3 Heading

Proin ac velit maximus, mattis nulla laoreet, egestas ligula. Sed interdum tortor nec vehicula pulvinar.

H4 Heading

Phasellus nec sapien nec eros bibendum tempor. Proin ac velit maximus, mattis nulla laoreet, egestas ligula. Sed interdum tortor nec vehicula pulvinar.

H5 Heading
H6 Heading
Small text
3. Buttons
Button Color 1
Button Color 2
Button Color 3
Button Color 4
4. Forms

Shipping Information

colors
Primary
Secondary
Accent #1
Accent #2
Accent #3
Neutrals
typography

Aa

Poppins Bold

Aa

Poppins Medium

Aa

Poppins Light

Headlines

h1 headline

h2 headline

h3 headline

h4 headline

h5 headline
h6 headline
Body Text

I think we need to start from scratch. Jazz it up a little bit- use a funky color like purple.

Can you add a bit of pastel pink and baby blue because the purple alone looks too fancy.

Make the purple more well, purple-er. Try a more powerful colour, it needs to be the same, but totally different.

Buttons
Default Button Disabled ButtonSecondary ButtonOther ButtonOther ButtonAnother Button
Links
Sample Link
Hovered Link
Sample Link
Hovered Link
Sample Link
Hovered Link
Inputs & Selects
Toggle Buttons
Checkboxes
Radio Buttons
Badges
ReceivedPendingPendingApprovedRejected
Tooltips
Light Tooltip
Dark Tooltip
Bottom Tooltip
Alerts
A normal alert here.
A normal alert here.
A normal alert here.
A happy alert here.
A sad alert here.
loading indicators

Colors

Primary Colors

Name:

RGB:

HSL:

Name:

RGB:

HSL:

Name:

RGB:

HSL:

Name:

RGB:

HSL:

Tints & Tones

These colors are lighter and darker variations of our main brand colors. These are especially helpful for hover states, illustrations, and other small variations.

Generated Colors

These colors are derived from combinations with other brand colors. These may be used as accents in illustrations and other design work, though they should not overpower our main brand colors. The official brand colors are displayed first for easy reference.

Typography

is used as our primary typeface and is used as an accent for headings and other special purposes.

Aa Bb Cc Dd 012345679

Aa Bb Cc Dd 012345679

Heading Samples

H1

The quick brown fox jumps over a lazy dog

H2

Amazingly few discotheques provide jukeboxes

H3

A wizard’s job is to vex chumps quickly in fog

H4

Bright vixens jump; dozy fowl quack

H5

Jackdaws love my big sphinx of quartz

H6

Pack my box with five dozen liquor jugs

p

By Jove, my quick study of lexicography won a prize! Painful zombies quickly watch a jinxed graveyard. Grumpy wizards make a toxic brew for the jovial queen. A quick movement of the enemy will jeopardize six gunboats. Jackie will budget for the most expensive zoology equipment. Jim quickly realized that the beautiful gowns are expensive, then a cop quizzed Mick Jagger’s ex-wives briefly.

Pints and Pedals (Downtown)

1220 King Street
Chattanooga, TN 37403

Google Directions