Moetsi Style Guide

Edit your entire site with a few clicks!

Global Heading tags

All H1 Headings

All H2 Headings

All H3 Headings

All H4 Headings

All h5 Headings
Texts

text-size-Xlarge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

text-size-large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

All Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-size-small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-size-xsmall
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-style-link
text-style-italic
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,
text-style-muted
text-style-strikethrough
text-style-allcaps
text-style-nowrap
text-style-quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-style-2lines
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-style-3lines
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse varius eni Lorem ipsum
dolor sit amet,

text weights
text-weight-light
text-weight-normal
text-weight-medium
text-weight-semibold
text-weight-bold
text-weight-xbold
text alignments
text-align-left
text-align-center
text-align-right
text colors
text-color-grey
text-color-black
text-color-blue
text-color-green
text-color-green
Color Palatte
Primary
Secondary
Black
Grey
Light Grey
buttons and links
All Links
Icons
layouts