Como personalizar a identidade de marca alterando cores, fontes e estilo do layout Ipanema na Nuvemshop?

Cores principais

• Cor de fundo: define a cor de fundo principal da loja, aplicada às páginas e seções do tema.
• Cor dos textos: define a cor padrão dos textos exibidos em toda a loja.
• Cor de destaque: define a cor utilizada em informações estratégicas que merecem maior visibilidade, como textos de desconto, frete grátis e parcelamento sem juros.

Etiquetas de promoção

• Cor de fundo: define a cor de fundo das etiquetas de promoção exibidas nos produtos (ex.: "Promoção", "Desconto").
• Cor dos textos: define a cor do texto exibido dentro das etiquetas de promoção.

Etiquetas de frete grátis

• Cor de fundo: define a cor de fundo das etiquetas de frete grátis exibidas nos produtos elegíveis.
• Cor dos textos: define a cor do texto exibido dentro das etiquetas de frete grátis.

Títulos

• Fonte: define a família tipográfica utilizada nos títulos da loja. Escolha entre as opções disponíveis para refletir a identidade visual da sua marca.
• Tamanho: ajusta o tamanho dos títulos, em pixels (px).
• Negrito: quando ativado, aplica o estilo negrito a todos os títulos da loja.

Textos

• Fonte: define a família tipográfica utilizada nos textos gerais da loja. Escolha uma fonte legível e alinhada à identidade da marca.
• Tamanho: ajusta o tamanho padrão dos textos, em pixels (px).

Parágrafo

• Tamanho: ajusta o tamanho dos textos em formato de parágrafo, em pixels (px). Essa configuração se aplica a descrições de produtos, banners e mensagens exibidas em diferentes seções da loja.

Botão principal

Utilizado nas ações mais importantes da loja, como "Adicionar ao carrinho" ou "Finalizar compra".

• Cor de fundo: define a cor de fundo do botão principal.
• Cor de linha e texto: define a cor do contorno e do texto exibido dentro do botão.
• Estilo: define o estilo visual do botão. Escolha entre “Preenchido” (botão com fundo sólido) ou "Contorno" (botão apenas com borda).
• Arredondado: ajusta o nível de arredondamento dos cantos do botão, em pixels (px), permitindo desde cantos retos até totalmente arredondados.

Botão secundário

Utilizado em ações complementares, que dão suporte às principais sem competir visualmente com elas.

• Cor de fundo: define a cor de fundo do botão secundário.
• Cor de linha e texto: define a cor do contorno e do texto exibido dentro do botão.
• Estilo: define o estilo visual do botão. Escolha entre “Preenchido”, “Contorno” ou "Sublinhado".
• Arredondado: ajusta o nível de arredondamento dos cantos do botão, em pixels (px).

Botão terciário

Utilizado em ações de menor destaque, geralmente como links ou opções auxiliares dentro da loja.

• Cor de fundo: define a cor de fundo do botão terciário.
• Cor dos textos: define a cor do texto exibido dentro do botão.
• Estilo: define o estilo visual do botão. Escolha entre  “Preenchido”, “Contorno” ou "Sublinhado".
• Arredondado: ajusta o nível de arredondamento dos cantos do botão, em pixels (px).

Sim, o layout Ipanema permite definir estilos globais, como cor primária, cor secundária e tipografia, que se propagam automaticamente para todas as páginas e seções da sua loja, evitando o retrabalho de configurar cada página manualmente. Isso garante consistência de marca mesmo em lojas com muitas páginas de categoria e campanha.

Sim, o layout foi desenhado para esse perfil específico, combinando autonomia visual (o lojista não depende de agência para manter a loja atualizada) com performance técnica adequada a operações de maior volume de tráfego e vendas.

O ajuste é feito na área de identidade de marca dentro do editor, onde o lojista seleciona a paleta de cores e a fonte desejada. A alteração se aplica automaticamente em todo o site, sem precisar editar seção por seção ou usar CSS.

 Sim, é possível sobrescrever o estilo global em uma seção isolada, por exemplo, dar destaque visual diferenciado a uma seção de lançamento, mantendo o restante da loja fiel ao padrão visual definido globalmente.

Não, toda a personalização de cores, fontes e estilo é feita por interface visual, sem exigir conhecimento de código. A proposta do layout Ipanema é justamente dar esse nível de controle estético sem depender de um desenvolvedor no dia a dia.

O layout Ipanema da Nuvemshop foi desenvolvido especificamente para marcas D2C e operações de médio/grande porte que exigem rigor estético. Ele permite incluir vídeos editoriais na vitrine, aplicar tipografia e paleta de cor consistentes em toda a loja, e ainda manter alta performance técnica de carregamento, algo que costuma ser um trade-off em temas muito customizáveis de outras plataformas.