01 — Typography + Colors
A. Typography
Font

Aa Zz

Futura light

Aa Zz

Futura Bold

Aa Zz/Aa Zz

URW DIN Medium / Regular

Aa Zz

EB Garamond Italic

Typo

.h1-newStyle 1: Futura Light

.h2-newStyle 2: Futura Light

.h3-newStyle 3: futura Light

.h4-newStyle 4: Futura bold

.h5-newStyle 5: Futura Bold
.h6-newStyle 6: URW DIN Medium

.p1-newStyle 7 : Used for most text paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis dolor in risus condimentum euismod. Integer dictum consectetur feugiat. Nullam mauris lacus, tincidunt id ligula sit amet, imperdiet congue dolor.

.p2Style 8 : Used for most text paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis dolor in risus condimentum euismod. Integer dictum consectetur feugiat. Nullam mauris lacus, tincidunt id ligula sit amet, imperdiet congue dolor.

.quoteQuote Style : EB Garamond Italic

Blog Styles

WYSIWYG/h1:Futura-Light

WYSIWYG/h2:Futura-Light

WYSIWYG/h3:Futura-Light

WYSIWYG/h4: Futura bold

Style 5 (WYSIWYG / paragraph): Used for most text paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis dolor in risus condimentum euismod. Integer dictum consectetur feugiat. Nullam mauris lacus, tincidunt id ligula sit amet, imperdiet congue dolor.

WYSIWYG Quote Style: Adobe Garamond Pro Italic
B. Colors
Fills

#000000Black

#FFFFFFWhite

#F7F3EFWarm Grey

Lines
Section Line #000000 / 5% Opacity/ 1px (Used for section breaks)
Grey Line #000000 / 20% Opacity/ 1px
02 — UI Elements
Primary Button
Secondary Button
Variant Selector
Tiertiary Button
About Our Ingredients
Input Field
Dropbox
Radio Buttons
Social Media Set
Product card

title

$20.00

More Sizes Available