Logo, cores e fontes

O logo

Onde: Aparência → Topo.

Suba em PNG com fundo transparente, se você tiver. Fundo branco num cabeçalho colorido aparece como um retângulo, e é o erro mais visível de loja nova.

Há também o ícone do navegador (aquele quadradinho na aba) e a altura do logo, para ajustar sem cortar.

Se você não tem logo, a loja mostra o nome em texto — e isso é melhor que um logo mal feito.

As cores

Onde: Aparência → Estilo.

A que importa é a cor principal: ela pinta os botões, os links e os detalhes. Se você mexer em uma só, mexa nessa.

Regra que vale para qualquer loja: uma cor forte, o resto neutro. Cor forte demais cansa e, pior, some — quando tudo grita, nada chama atenção, e o botão de comprar deixa de se destacar.

Se a sua marca já tem cor, use o código dela (aquele que começa com #) em vez de escolher no olho.

As demais cores — fundo, texto, linhas — podem ficar em Automática: a loja escolhe um tom que combina e garante contraste legível.

As fontes

Duas escolhas: a dos títulos e a do texto. As combinações prontas já resolvem isso bem.

Se for escolher à mão: fonte com serifa (aquelas com “pezinhos”) passa tradição e cabe em joia, vinho e decoração; sem serifa passa modernidade e cabe em quase todo o resto. Não use mais de duas.

A loja começa com o texto em Inter e os títulos em Lexend, as duas de desenho atual e fáceis de ler no celular. Também há a Nunito, arredondada e amigável, e a Playfair, com serifa, elegante nos títulos. Essas quatro a loja baixa sozinha para quem visita; “Do sistema” e “Clássica” usam a fonte que o aparelho já tem e abrem um pouco mais rápido.

Cantos e espaçamento

O arredondamento muda o tom da loja inteira: cantos retos são sérios e editoriais; muito arredondados são amigáveis e informais. É uma escolha só, e ela vale para botões, cartões e imagens.

Se estiver na dúvida

Escolha o estilo pronto mais parecido com o que você quer e mexa só na cor principal. Levar a loja para o ar bonita e simples vale mais que passar uma semana escolhendo tons — e a pré-visualização continua ali para você melhorar depois.