style guide

Name: Eau Claire Body Care
Price range: $$

logo download

You can download official logos down below (SVG or PNG)

Logo (Full)

Icon (Square)

clear space

Here is how far your text should be from the logo to make it visual correct

color usage

Use light color for background, grey for text and green for buttons.

#5F7863

C: 20.83%
M: 0%
Y: 17.5%
K: 52.94%

R: 95
G: 120
B: 99

75%

#FFFBF8

C: 0%
M: 1.57%
Y: 2.75%
K: 0%

R: 255
G: 251
B: 248

#F8EDE5

C: 0%
M: 0.44%
Y: 7.66%
K: 2.75%

R: 248
G: 237
B: 229

13%

#555555

C: 0%
M: 0%
Y: 0%
K: 66.67%

R: 85
G: 85
B: 85

#1E5546

C: 64.71%
M: 0%
Y: 17.65%
K: 66.67%

R: 30
G: 85
B: 70

#7EA584

#5F7863

Buttons

typography

Noto Serif

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrs
tuvwxyz

abcdefghijklmnopqrstuvwxyz

‘ ? ’ " ! " ( % ) [ # ] { @ } / & \ < - + ÷ × = > ^® © $ € £ ¥ ¢ : ; , . *

70px | 120%

This is header H1

40px | 120%

This is header H2

38px | 120%

This is header mobile H1

22px | 120%

This is header mobile H2

Urbanist

abcdefghijklmnopqrstuvwxyz

16px | 120%

Main Body Text

20px | 110%

Buttons Text

25px | 110%

Subheads

14px | 150%

Subcaption

16px | 110%

prices

About us

SERVICES WE PROVIDE

style guide

logo download

clear space

color usage

Buttons

typography

icons