Backgrounds

bg-1
bg-2
bg-3
bg-4
bg-5
bg-6
bg-7
bg-8
bg-9
bg-10
bg-11
bg-12
bg-13
bg-14
bg-15
bg-16
bg-17
bg-18
bg-19

Títulos e Textos

Cores disponíveis

c-1
c-2
c-3
c-4
c-5
c-6
c-7
c-8
c-9
c-10
c-11
c-12
c-13
c-14
c-15
c-16
c-17
c-18
c-19

Tamanhos de Textos disponíveis (Mobile e Desktop são diferentes mas com uma mesma proporção)

Texto com a class hl-1, c-1 e text-center

Texto com a class hl-2 e c-2

Texto com a class hl-3 e c-3

Texto com a class hl-4 e c-4

Texto com a class hl-5, c-5 e text-right

Margins e Paddings

Margins são espaçamentos externos, paddings internos.

Box com padding top 7 e margin bottom de 7
Box com padding top 3, padding bottom 3 e margin bottom de 3
Box com padding top 1, padding bottom 1 e margin bottom de 5
Box com padding top 6, padding bottom 3 e margin bottom de 0

Itálico, Negrito e Cores em partes do texto

Para deixar o texto em itálico: utilizar o código 'texto itálico' 

    
        <em>Texto itálico</em>

Para deixar o texto em negrito: utilizar o código 'texto negrito' 

    
        <strong>Texto Negrito</strong>

Para deixar o texto laranja: utilizar o código Texto Laranja, onde o c-N são as cores acima. 

    
        <span class="c-4">Texto Laranja</span>