Teste da Paleta Global
Esta página utiliza diretamente as oito cores globais configuradas no tema Blocksy. Altere a paleta do tema e observe como os componentes abaixo acompanham automaticamente a identidade visual do projeto.
As 8 cores globais
As amostras abaixo representam diretamente as oito cores configuradas no Blocksy.
Funções da paleta
Cada posição possui uma função dentro do sistema visual.
Tema claro e tema escuro
Os dois tipos de superfície podem coexistir.
Área clara
Fundo claro, texto escuro e títulos utilizando as cores globais da paleta.
Exemplo de link →Área escura
Fundo escuro, texto claro e títulos ajustados para manter contraste e legibilidade.
Exemplo de link →Tipografia
Hierarquia visual e legibilidade.
Título H1
Título H2
Título H3
Título H4
Este é um exemplo de texto corrido. O conteúdo precisa manter boa legibilidade e contraste independentemente do modo visual selecionado.
Este é um exemplo de link dentro do conteúdo.
Botões
Aplicação da Cor 1 e da Cor 2.
Cards
Componentes reutilizáveis para os portais.
Guia dos Filmes
Organize filmes, atores, diretores, sinopses e curiosidades.
Explorar filmes →Guia dos Livros
Apresente resenhas, autores, páginas e informações editoriais.
Explorar livros →Envie uma mensagem
Exemplo da identidade que poderá futuramente ser utilizada com o WPForms.
Entrar em contato →Painel de destaque
Superfície, borda e destaque principal.
A magia está nos detalhes
Uma identidade consistente precisa funcionar em títulos, textos, cards, botões, formulários e demais elementos.
Formulário
Prévia da futura integração com WPForms.
Conteúdo expansível
Exemplo para informações complementares.
Clique para visualizar mais informações
Conteúdos expansíveis ajudam a apresentar grandes quantidades de informação sem sobrecarregar a interface.
Poderemos utilizá-los para resenhas, informações editoriais e curiosidades.
Modal
Recurso que poderá ser utilizado no Guia dos Filmes.