01 — Typography

Aa Zz

Söhne Breit

Aa Zz

Söhne

Aa Zz

Canela

.h1 Headline
Söhne Breit Buch

Hidden gems at your fingertips

.q Quote
Canela Light
You discover new wines, places, people, and stories.

.h2 Secondary Headline
Söhne Breit Buch

We curate the best artisanal wines from Napa

.h3 Tertiary Headline
Söhne Breit Buch

Joining Melier is like getting access to dozens of wine clubs in one!

.h4 Title Söhne
Breit Buch

Private Napa Wine Tour

.p1 Large Paragraph
Söhne Buch

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tristique nulla aliquet enim tortor. Tincidunt arcu non sodales neque sodales ut etiam sit amet. Habitasse platea dictumst quisque sagittis purus sit. Dolor purus non enim praesent elementum facilisis leo.

.p2 Paragraph Söhne Buch

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tristique nulla aliquet enim tortor. Tincidunt arcu non sodales neque sodales ut etiam sit amet. Habitasse platea dictumst quisque sagittis purus sit. Dolor purus non enim praesent elementum facilisis leo.

.label Söhne Breit
Member Exclusive

02 - Colors & Pin Lines

Colors

Sangria
#600F24

Sage Green
#ACBAA5

Coral Orange
#FF8253

Egghsell
#FBF7EE

Bone
#E7E0D2

Bone Light
#F3EEE3

Dark Grey
#4B4A47

Black
RGB: #000000

White
#FFFfff

Error/Notification Red
Used for Error states (forms, dropdowns, etc). AA compliant Red for these states #DE300D

Success State Green
Used for success states (like the “select state” success state

Pin lines

Grey Line
#4B4A47 / 50% opacity / 1px

Black
#000000 / stroke: 1px

02 — UI Elements

A. Primary Button

Idle/Hover/Focus

Disabled

Using Vue

View membership

B. Secondary Button

Idle/Hover/Focus

Disabled

Over white background

Using Vue

View membership

C. State Popups

Select State Notification

Some wines can’t be shipped to ever state. Select a state so we can filter your options. Select state

Success State

We can ship to your state

Fail State

We cannot ship to your state

Tip Bubble

Some wines cannot be shipped to some states

D. Form Field

Outline

Outline Error

Flat

Flat Error

E. Drop down

Normal

Error

03 — Links

Idle

Sign up for our newsletter to find out when we're in your area.

Disabled

Sign up for our newsletter

*do not display if disabled*

Inline Text Link

Idle

Sign up for our newsletter to find out when we're in your area.

Disabled

Sign up for our newsletter

*do not display if disabled*

Navigation Link

Idle

Experience

Disabled

Sign up for our newsletter

*do not display if disabled*

Producer tags

Producer listing tags

Idle

Carbon Neutral

Producer Page tags

Idle

Carbon Neutral

Blog listings tags

Scroll bar