Vamos Conversar

Guia de Estilo

Este guia oferece instruções abrangentes sobre diversos elementos de design, desde esquemas de cores e tipografia até estilos de botão e tamanhos de texto.

Cores
Primária
Secundária
Cinza Claro
Preto
Branco
Vermelho
Títulos e Parágrafo

Título 1

Título 2

Título 3

Título 4

Título 5
Título 6

Parágrafo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, eiusmod tempor incididunt ut labore et dolore magna. Faucibus nisl tincidunt eget nullam ipsum non.

Quis risus sed vulputate odio. Nisl suscipit adipiscing bibendum est. Aliquet bibendum enim facilisis gravida.

Risus feugiat in ante metus dictum at. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ipsum nunc aliquet bibendum enim facilisis gravida neque.

Et netus et malesuada fames. Dui faucibus in ornare quam viverra. Lobortis scelerisque fermentum faucibus orci.

Rich Text

O que é um elemento Rich Text?

O elemento rich text permite criar e formatar títulos, parágrafos, citações, imagens e vídeo em um só lugar, em vez de adicioná-los e formatá-los individualmente. Basta dar dois cliques e criar conteúdo com facilidade.

Edição de conteúdo estático e dinâmico

Um elemento rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta soltá-lo em qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e conecte um elemento rich text a esse campo no painel de configurações. Voilà!

Como personalizar a formatação de cada rich text

Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados depois que uma classe é adicionada ao elemento rich text usando o sistema de seletores aninhados "When inside of".
‍

‍

Example Image
Legenda da imagem
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Item 1 da lista
  • Item 2 da lista
  • Item 3 da lista
  1. Item numerado 1
  2. Item numerado 2
  3. Item numerado 3