Section Title
Section Subtitle
Section Title
Section Subtitle
Container Title
Container Subtitle
Container Content
Section Title
Section Subtitle
Container Title
Container Subtitle
Container Content
Widget Title
Widget Subtitle
Widget content
Adicione o texto do seu título aqui
Heading H1
Sub-Heading H1
Heading H2
Sub-Heading H2
Heading H3
Heading H4
Text
Accent
Text Small
Taxonomy
Accent Small
Menu
Number
Adicione o texto do seu título aqui
Primary
Secondary
Accent
Text
Accent
Adicione o texto do seu título aqui
Adicione o texto do seu título aqui
Primary Form
Primary
Adicione o texto do seu título aqui
Primary Button
Primary
Primary
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Alt
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Layout
Imagens de Produtos
Section Subtitle
Imagens de produto sempre em fundo branco
Produtos são sempre exibidos com imagens sem fundo e widget de fundo branco.
Nunca pode haver sobreposição de textos e imagens
Produtos são sempre exibidos com imagens sem fundo e widget de fundo branco.
Textos devem estar sempre com fundos sólidos em preto, branco ou cinza.
Produtos são sempre exibidos com imagens sem fundo e widget de fundo branco.
Nunca pode haver sobreposição de textos e imagens. Textos devem estar sempre com fundos sólidos em preto, branco ou cinza.
Produtos são sempre exibidos com imagens sem fundo e widget de fundo branco.
Layout
Typography
Section Subtitle
Heading H1
Sub-Heading H1
Heading H2
Sub-Heading H2
Heading H3
Text
Heading H4
Text Small
Taxonomy
Layout
Hierarquia de Layout
Page (H1)
Dividem a página por categoria
- Usado pra Títulos H2
- Devem ser usados para itens em loop, para representar algo repetitivo
Section (H2)
Dividem a estrutura da página por assunto
- Usado pra Títulos H2
- Devem ser usados para itens em loop, para representar algo repetitivo
Widget (H2)
Agrupam H3s em uma exibição resumida e agrupada, ou algum elemento interativo ou resumido
- Usado pra Títulos H2
- Devem ser usados para itens em loop, para representar algo repetitivo
- Resume um Archive
Widget Title
Widget Subtitle
Widget content
Card (H3)
Padroniza a exibição de elementos lado a lado
- Possui Dados Estruturados
- Usado pra Títulos H3
- Devem ser usados para itens em loop, para representar algo repetitivo
- Estão dentro de uma View ou de um Widget (também com uma view)
- Se não tiver um structured data então não é Card, e sim um container..
- Conteúdo Dinãmico Single Card que resume um Single Template
Layout
Estruturas de Suporte
Containers
Organizam um espaço dentro de uma seção
Aplicações
- Isso aqui é um container
- Serve para agrupar conteúdo de uma forma lógica e facilitar a leitura
- Pode ser utilizado para organizar layouts de colunas e linhas
Padrões
- Não possui padrões de cor ou borda
- Pode ser utilizado pra qualquer coisa
- Item da lista
Tipos especiais
- Container Section como esse que vc está vendo ->. Na real volta.. isso aqui vamos chamar de widget mesmo..
- Pode ser utilizado pra qualquer coisa
- Item da lista
Widget (H2)
Agrupam H3s em uma exibição resumida e agrupada, ou algum elemento interativo ou resumido
- Usado pra Títulos H2
- Devem ser usados para itens em loop, para representar algo repetitivo
- Resume um Archive
- Lógica Parecida com um Container, Porém para dados estruturados e com uma formatação específica
Widget Title
Widget Subtitle
Widget content