Titulos

TagExemplos
h1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

h2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

h3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

h4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

h5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
h6
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subtitulo

TagExemplos
p

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button

TagExemplos
buttonButton Secondary
buttonButton Primary

Containers - Breakpoints

SM - 640
MD - 768
LG - 1024
XL - 1280
XXL - 1536

Formulário

Olá! Preencha os campos abaixo para iniciar a conversa no WhatsApp
Ao enviar, aceito a Política de Privacidade
Ferramentas Úteis
ComponenteVariávelValor
Geral--primary-color
Geral--secondary-color
Geral--contrast-for-primary
Geral--text-color
Header--header-background
Header--header-menu-principal-item-foreground
Header--header-favoritos-foreground
Header--header-central-de-vendas-background
Header--header-central-de-vendas-foreground
Header--header-menu-escondido-background
Header--header-menu-escondido-item-background
Header--header-menu-escondido-item-foreground
Header--header-submenu-background
Header--header-submenu-foreground
Vitrine--vitrine-modelo-primary-color
Vitrine--vitrine-modelo-primary-color-contrast
Vitrine--card-modelo-primary-color
Vitrine--card-modelo-primary-color-contrast
footer--footer-background
footer--footer-item-foreground
footer--footer-item-foreground-hover
O conteúdo abaixo você irá colar no arquivo "/helpers/defaultCSS.twig":