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.
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
B. Secondary Button
Idle/Hover/Focus
Disabled
Over white background
Using Vue
C. State Popups
Select State Notification
Success State
Fail State
Tip Bubble
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.
Inline Text Link
Idle
Sign up for our newsletter to find out when we're in your area.
Navigation Link
Idle
ExperienceProducer tags
Producer listing tags
Idle
Carbon NeutralProducer Page tags
Idle
Blog listings tags
Idle
Wine makers