Design System
HYVV - Colors
HYVV - Typography
Typogrphy for HYVV
HYVV - HEADINGS (H1-H6)
H1 / 64px
Lorem ipsum dolor sit
H2 / 40px
Lorem ipsum dolor sit amet conse
H3 / 32px
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
H4 / 26px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
H5 / 22px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
H6 /18px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
HYVV - BODY TEXT
h-body1-b
font-size: 24px
line-height: 1.2em
Lorem ipsum dolor sit amet, consectetur adipiscing.
h-body1-r
font-size: 24px
line-height: 1.2em
Lorem ipsum dolor sit amet, consectetur adipiscing.
h-body2-b
font-size: 18px
line-height: 1.3em
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
h-body2-r
font-size: 18px
line-height: 1.3em
Excepteur sint occaecat cupidatat non proident, sunt in culpa
h-body3-b
font-size: 16px
line-height: 1.4em
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam
h-body3-r
font-size: 16px
line-height: 1.4em
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam
h-body4-b
font-size: 14px
line-height: 1.5em
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores
h-body4-r
font-size: 14px
line-height: 1.5em
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores
h-label-b
font-size: 12px
line-height: 1.6em
Nemo enim ipsam voluptatem
h-label-r
font-size: 12px
line-height: 1.6em
Nemo enim ipsam voluptatem
h-button-1-b
font-size: 16px
line-height: 1.4em
Nemo enim ipsam voluptatem
h-button-2-b
font-size: 14px
line-height: 1.5em
Nemo enim ipsam voluptatem
h-link-1
font-size: 6rem; /* 96px */
line-height: 1;
Nemo enim ipsam voluptatem
h-link-2
font-size: 6rem; /* 96px */
line-height: 1;
Nemo enim ipsam voluptatem