TraQR 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: MONTSERRAT, 3.3em

H2: MONTSERRAT, 2.9em

H3: MONTSERRAT, 2.5em

H4: MONTSERRAT, 2.1em

H5: MONTSERRAT, 1.7em

H6: MONTSERRAT, 1.3em

Body text

B1: MONTSERRAT REGULAR, 16px

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

Hyperlinks

Fo oldal

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