Penzes WEB DESIGN STYLE GUIDE

- LOGO VARIATIONS

Main logo

Secondary logo

White logo

Icon logo

- LOGO DO’S AND DON’TS

DO

DON'T

- Colors

Primary

#000000

Text

#000000

Secondary

#F3BD1F

WHITE

#ffffff

Accent

#F3BD1F

GREY

#8A8C8E

- Typography

Headlines

H1: ROBOTO, 50px

H2: ROBOTO, 50px

H3: ROBOTO, 2.5em

H4: ROBOTO, 2.1em

H5: ROBOTO, 1.7em

H6: ROBOTO, 1.3em

Body text

B1: ROBOTO REGULAR, 16px

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 123456789!?’”+%/=()

Hyperlinks

https://freelancerblogworkshop.hu/

Color: gery
Hover: secondary

- BUTTONS

Regular Button / Hover Button v1

Size: medium – 15px, 30px, 15px, 30px
Font: MONTSERRAT, 1em
Button Color: secondary
Text Color: primary

Outlined Button v1

Size: medium – 15px, 30px, 15px, 30px
Font: MONTSERRAT, 1em
Button Color: secondary
Text Color: primary
Border: 1px solid secondary

Regular Button / Hover Button v2

Size: medium – 15px, 30px, 15px, 30px
Font: MONTSERRAT, 1em
Button Color: primary
Text Color: secondary

Outlined Button v2