Style guide

Here you’ll find standards and guidelines to apply each element consistently, ensuring a cohesive, polished, and professional template.

Color style

Red Accent

#E53C53

Light Red Accent

#AB4849

Whitening Red

#111111

Black

#000000

Dark Brown

#16110F

Dark Grey

#696969

Grey

#908E8D

Light Grey

#DEDEDE

White

#FFFFFF

Whitemoke

#F5F5F5

Typography style

H1- Aa Bb Cc

Heading 1

IBM Plex Serif - 500 Medium

Size 8 VW

Height 8 VW

H2- Aa Bb Cc

Heading 2

IBM Plex Serif - 500 Medium

Size 6 VW

Height 6 VW

H3- Aa Bb Cc

Heading 3

IBM Plex Serif - 500 Medium

Size 4 VW

Height 4.5 VW

H4- Aa Bb Cc

Heading 4

IBM Plex Serif - 500 Medium

Size 2.5 VW

Height 3 VW

H5- Aa Bb Cc

Heading 5

IBM Plex Serif - 500 Medium

Size 2 VW

Height 2.5 VW

H6- Aa Bb Cc

Heading 6

IBM Plex Serif - 500 Medium

Size 1.7 VW

Height 1.7 VW

Text Block Typography

This is some text inside of a div block.

Text

Rich text typography

H1

H2

H3

H4

H5

H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Bold text

Text link

Emphasis

^Superscript

_Subscript

Smartphone on flat surface showing Evano Everyday app with nature images and text.

Button

Form Button