Styleguide
visual design style
well-designed style guide is the cornerstone of a cohesive and professional website template.
(01)
Color palette
Sky Blue
Deep Blue
Yardly Green
Warm Yellow
CTA Orange
Off White
Taupe
(02)
Text Style
H1 - Heading
H2 - Heading
H3 - Heading
H4 - Heading
H5 - Heading
H6 - Heading
(03)
Typography
Regular Paragraph
Paragraph - Rethink Sans | 18px Font-Size / 160% Line-Height / Light
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
small Paragraph
Paragraph - Roboto | 14px Font-Size / 20 line height
04
Button & components
.png){kind=icon}
[02 / 04]
.png)
© Copyright - 2025 Yardly