FREE SHIPPING ON ALL U.S ORDERS

0

Your Cart is Empty

Valerie Madison Styleguide

01. Typography

01a. Fonts

Orpheus Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01 02 03 04 05 06 07 08 09

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01 02 03 04 05 06 07 08 09

01b. Headings

Headings are used for page and esction titles.

All Headings use Orpheus Pro Bold.

Heading 1

The quick brown fox jumps over the lazy dog

Heading 2

The quick brown fox jumps over the lazy dog

Heading 3

The quick brown fox jumps over the lazy dog

01.c Subheadings

Subheadings are the next tier down from headings. They are also used for button text and labels (see 03. Components for more details

All subheadings use Poppins Semibold and are in all Caps.

Subheading 1

The quick brown fox jumps over the lazy dog

Subheading 2

The quick brown fox jumps over the lazy dog

Subheading 3

The quick brown fox jumps over the lazy dog

01.d Paragraph Text

Anything that is not a heading or a subheading is a paragraph.

All paragraph text uses Poppins Regular and bold.

Paragraph 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paragraph 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paragraph 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

02. Colors

02a. Swatch

Sea Green

#1C4047

Plum

#714457

Sand

#DEC1A8

Cream

#F8F4F4

03. Components

03a. Button

Primary

Secondary

03b. CTA Link

03.c Table

column 1 column 2 column 3
column 1 column 2 column 3
column 1 column 2 column 3
column 1 column 2 column 3