Voltar

Textos Disponíveis para Utilização

Titulos Simples

Os Títulos Simples são estilizados com a fonte Nunito e um tamanho de 32px. Utilize a classe .title-form para aplicar essa formatação aos títulos em seu conteúdo.

Este é um exemplo

Texto Simples

O texto simples é estilizado com a fonte Roboto e possui um tamanho de 16px. Aplique a classe .sub-text para utilizar essa formatação em seu conteúdo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lacinia risus id vestibulum porta. Curabitur aliquet scelerisque mi, in laoreet nisi ornare at.

Títulos das paginas

Este título usa a fonte Nunito com tamanho de 32px, peso 700, e inclui uma linha azul automática abaixo. Aplique-o com a classe CSS .title-page

Este é um exemplo

Textos menu

Textos dos menu ou outros link ele ultiliza a fonte Roboto, tamanho 16px. Use a classe .link-menu
Este é um exemplo

Link com Efeito de linha embaixo

Os links possuem um efeito de linha abaixo para uma visualização clara e intuitiva. Utilize a classe .link-tab para aplicar essa formatação. Para destacar o menu ativo, adicione a classe .active. A fonte utilizada é a Nunito com tamanho de 20px.
Menu ativo Menu

Titulos cabeçalhos das tabelas

Os títulos dos cabeçalhos das tabelas são estilizados com a fonte Nunito e possuem um tamanho de 16px. Utilize a classe .title-thead para aplicar essa formatação aos cabeçalhos das tabelas.
Este é um exemplo

Titulos e Sub Titulos

Títulos são formatados com a fonte Nunito, tamanho de 18px e peso 700, utilizando a classe .title-detalhes-gestor. Os subtítulos, por sua vez, têm a fonte Nunito, tamanho 18px e peso 400, aplicando a classe .text-detalhes-gestor.
Titulo
Sub-titulo

Texto do rodapé

O texto do rodapé é estilizado com a fonte Roboto, possui um tamanho de 16px e uma cor branca. Utilize a classe .text-footer para aplicar essa formatação ao texto no rodapé da página.
Este é um exemplo

Textos Italicos

Os textos em itálico são estilizados com a fonte Roboto, possuindo um tamanho de 16px e estilo itálico. Utilize a classe .label-italic para aplicar essa formatação aos textos que necessitam de destaque.
Este é um exemplo