Style Guide

vovi.studio.com
Colors
Primary
Typography
Fonts
Inter
medium
medium
montserrat
light
medium
bold
Headings styles
h1

Heading 1

h2

Heading 2

h3

Heading 3

h4

Heading 4

h5
Heading 5
h6
Heading 6
style-h1
Heading 1
style-h2
Heading 2
style-h3

Heading 3

style-h4

Heading 4

style-h5

Heading 5

style-h6

Heading 6

Text Sizes
Large
The quick brown fox jumps over the lazy
Medium
The quick brown fox jumps over the lazy
Regular
The quick brown fox jumps over the lazy
Small
The quick brown fox jumps over the lazy
Tiny
The quick brown fox jumps over the lazy
Spacing
Section Spacing
Icon sizes
icon
icon-20px
icon-24px
icon-32px
icon-48px
icon-52px
UI Elements
Buttons
button
button
classes naming that we can follow
gird-layout
gird
(Element's Name)-list
(Element's Name) - item