Um esquema de cores é um conjunto de cores guardado. Cada secção da sua loja usa um esquema, por isso altera as cores num só sítio e todas as secções que usam esse esquema acompanham.
Onde estão os seus esquemas
Abra o construtor, clique no ícone da roda dentada e abra o separador Cores. Em Esquemas vê um cartão por esquema, chamados Esquema 1, Esquema 2, e assim por diante. Cada cartão mostra uma pequena pré-visualização das suas cores.
- Editar: clique num cartão. Abre-se um painel com uma pré-visualização ao vivo no topo e todas as cores por baixo.
- Adicionar: clique no cartão com o sinal de mais, no fim. O novo esquema começa como uma cópia do último esquema.
- Duplicar ou Eliminar: clique com o botão direito num cartão, ou use o botão de menu no topo do painel do esquema.
- Reordenar: arraste um cartão pela pega.
Pode ter até 9 esquemas. Quando chega aos 9, o cartão com o sinal de mais mostra (9/9) e Duplicar mostra Limite atingido. Fica sempre com pelo menos um esquema, por isso o último não pode ser eliminado.
As cores de um esquema
Geral
- Fundo: o fundo da secção.
- Fundo interior: caixas e cartões dentro da secção.
- Título: os títulos.
- Texto: parágrafos e texto normal.
- Texto importante: texto que tem de se destacar, como preços e números da contagem decrescente.
- Fundo do selo: o preenchimento dos selos de poupança, das fitas dos pacotes e das etiquetas de poupança dos pacotes.
- Links e Ligações ao passar o rato: os links, e os links quando o rato está por cima.
- Bordo: linhas e separadores.
- Contorno: os contornos de foco, por exemplo quando um cliente navega na página com o teclado.
- Sombra: a cor das sombras.
Botão primário e Botão secundário
Cada um tem Fundo, Texto e Bordo, mais Fundo ao passar o rato, Texto ao passar o rato e Borda ao passar o rato para quando o rato está sobre o botão. O botão primário é o seu principal apelo à ação, como o botão de compra.
Campo de entrada
Campos de formulário: Fundo, Etiqueta, Texto (o que o cliente escreve), Bordo e Fundo ao passar o rato.
Como as secções escolhem um esquema
Selecione uma secção e procure a configuração Esquema de cores. Escolha um esquema da lista. A lista tem um link para os seus esquemas de cores, caso os queira editar.
Muitos blocos dentro de uma secção têm um interruptor Utilizar esquema de cores do elemento pai. Ativo, o bloco usa as cores da secção à sua volta. Desativado, aparece uma configuração Esquema de cores para o bloco usar o seu próprio esquema. No bloco de escrever uma avaliação, Herdar esquema faz o botão usar as cores da secção. Desativado, escolhe um Esquema do botão. Outros sítios que usam um esquema incluem os painéis do menu do cabeçalho e a página de manutenção.
Bom saber
- As secções lembram-se do número, não das cores. Se arrastar o Esquema 3 para o primeiro lugar, todas as secções que usavam o esquema 1 passam a mostrar as cores que foram para lá. Verifique as páginas depois de reordenar.
- Eliminar um esquema passa as suas secções para o esquema imediatamente anterior (ou para o primeiro). Duplicar coloca a cópia logo a seguir ao original e mantém todas as secções com as cores atuais.
- Os esquemas pertencem ao mercado que está a editar. Se vende em vários mercados, mude primeiro de mercado com a bandeira.
- As alterações ficam ativas quando clica em Publicar.
Dicas
- Mantenha um esquema claro e calmo para a maioria das secções e um esquema forte para o hero e os apelos à ação.
- Faça com que o botão primário se distinga bem do fundo.
- Confirme que o texto se lê bem no fundo, também num telemóvel à luz do dia.