Vídeos Tutoriais

Transcrição do Vídeo

Agora, vamos customizar as cores do seu modelo, de acordo com a identidade visual da sua marca.

Nesse vídeo, vamos entender como funciona a ferramenta de estilos do Wibushi, usar o Plugin de cores da plataforma e como aplicar essas cores em seu modelo!

 

Passo 1: Entendendo o Conjunto de Estilos

Para acessar o "Conjunto de Estilos", clique fora da área da página.

No "Painel de Ferramentas", vá em "Aparência2 e, em seguida, "Editar Conjunto de Estilos".

O Conjunto de Estilos apresenta o esquema de cores usado no modelo, além de mostrar a relação das cores com cada tipo de texto.

Por exemplo, em um texto do tipo “Título”, a cor usada será a cor 2 do "Esquema de Cores". Já o “Subtítulo”, será usada a cor 3.

O mesmo vale para a Tabela, onde cada área está relacionada a uma cor do "Esquema de Cores".

Então, uma vez que você já tem uma base de como funciona o "Esquema de Cores" em diferentes áreas do documento, vamos voltar para o Modelo e ver como as cores serão aplicadas.

 

Passo 2: Usando o Plugin de Cores do Wibushi

Vamos customizar o modelo com as cores da sua empresa. Ou seja, você precisa saber qual é o Esquema de Cores da sua marca.

Para te ajudar a identificar essas cores de forma rápida, vamos usar o Plugin de Cores do Wibushi.

Acesse a página inicial da plataforma, e vá em "Recursos > Identificador de Cores".

Clique no botão de escolher ou arraste a imagem da sua logo para o site.

O Plugin irá identificar as cores da sua logo, e apresentar os "Esquemas de Cores" da sua empresa.

Para copiar uma cor, basta clicar nela.

Deixe essa página aberta, e vamos voltar para o Modelo.

 

Passo 3: Aplicando as cores no modelo

No “Painel de Ferramentas”, vá novamente em “Aparência”.

Dessa vez, clique em “Editar Esquema de Cores”.

Primeiramente, vamos mudar a cor do “Título da Tabela” e as suas linhas.

De acordo com a Configuração do Conjunto de Estilos, as duas áreas estão associadas à cor 2.

No Plugin, copie o código da cor desejada, e cole no campo da Cor 2.

Importante lembrar que a cor escolhida deve ser legível e visualmente agradável para quem for ler, ok?

Para editar a ID da venda, use a cor 3 e repita o mesmo processo.

O essencial é você testar as diferentes tonalidades em cada região, de acordo com o “Esquema de Cores” da sua empresa.

Por fim, você também pode alterar a cor do rodapé.

É só ir em “Conjunto de Estilos”, e selecionar “Impressão Pequena”, que é o que representa o Rodapé no modelo.

No painel da direita, escolha a cor que você deseja. E clique em salvar.

E prontinho! Voltando para a página do modelo, você percebe que a cor já foi alterada.

 

Conclusão

Com um modelo de orçamento customizado com as cores da sua empresa, vamos partir para a última etapa, que é estruturar o conteúdo do modelo!