Saltar para o conteúdo

Personalizar botões e cartões.

Definir no BrandStudio ai a forma, o raio e o estilo de botões e cartões — guardado automaticamente, visível logo na pré-visualização e também no WordPress.

VídeoBotões e cartões
Nesta página

Cores, tipos de letra, formas

Em “Design” defines o aspeto da tua marca. No topo alternas entre “Cores”, “Tipos de letra” e “Formas”; ao lado — em ecrãs mais pequenos, através da ligação “Pré-visualização” — vês como fica.

Aqui não há botão de guardar: cada alteração é guardada sozinha. A linha no topo diz-te em que ponto estás — “As alterações são guardadas automaticamente”, “A guardar …”, “Guardado.” ou, se algo correu mal, “Não guardado” com o motivo por baixo.

Um campo vazio não é um valor, mas sim “sem preferência”: o que não definires é decidido pelo modelo de cada trabalho. “Voltar ao modelo” volta a libertar um valor definido. Esta secção não consome saldo de IA e aqui não trabalha nenhuma IA.

A secção “Design” do Café Lumen com o seletor “Cores”, “Tipos de letra”, “Formas”, a linha “As alterações são guardadas automaticamente” e, ao lado, a pré-visualização.
A gravação mostra a interface em inglês.

Botões e cartões

Em “Formas” defines os “Botões”: a “Forma” com um clique — “Reto”, “Suave”, “Arredondado” ou “Pílula” — ou com precisão no campo “Raio (px)”, de 0 a 40; além disso, o “Estilo” (“Preenchido” ou “Contorno”), o “Peso” do texto, de “Normal” a “Negrito”, e se aparece em “Maiúsculas”.

Nos “Cartões” — as caixas para serviços, preços, citações e campos — ajustas o “Raio (px)” e a “Sombra”. Por baixo de cada bloco, “Voltar ao modelo” volta a libertar tudo.

O website, a loja, o formulário e o WordPress adotam a forma dos botões e dos cartões. A cor do texto dos botões vem da função “Texto nos botões” em “Cores”.

Em “Formas”, a Ana clica em “Pílula” e define “Estilo” como “Contorno” — o botão na pré-visualização fica arredondado e ganha um contorno castanho-café.A gravação mostra a interface em inglês.
  1. Abre “Design” e escolhe “Formas”.
  2. Em “Forma”, clica em “Pílula” ou introduz um raio.
  3. Vê na pré-visualização o aspeto do botão e do cartão.

A pré-visualização

“É assim que fica” mostra uma pequena página como numa janela do browser: o nome da tua marca, um título no tipo de letra dos títulos, um parágrafo com uma ligação, um botão e um cartão com um campo — nas tuas cores, tipos de letra e formas.

Cada definição aparece lá de imediato, ainda antes de ser guardada. Se um par de cores for difícil de ler, surge por cima da pré-visualização um aviso de que os trabalhos que substituem uma cor terão lá um aspeto diferente do que aqui — mais em Legibilidade.

Em ecrãs mais pequenos, a pré-visualização fica por baixo das definições; a ligação “Pré-visualização” salta até ela e “Voltar” volta para cima.

A pré-visualização “É assim que fica” nas cores do Café Lumen: o título “Estamos aqui para ti”, um parágrafo com uma ligação, um botão e um cartão.
A gravação mostra a interface em inglês.

O WordPress acompanha

Se houver sites WordPress a seguir a tua marca, o BrandStudio atualiza-os depois das tuas alterações — não a cada clique, mas uma vez, assim que fazes uma pequena pausa. No topo aparece então “A atualizar o WordPress…” e, depois, algo como “O WordPress está de acordo com a marca (2 sites).” Um novo logótipo e um novo tipo de letra são transmitidos da mesma forma.

Se isso falhar alguma vez, a tua marca fica guardada na mesma e o site é atualizado na próxima vez que guardares.

Quais os sites que seguem a marca decides tu no WordPressBuilder, com “Aplicar a marca” — consulta Onde a tua marca chega.

Guias relacionados e próximos passos

Conhece a ferramenta: ⁦BrandStudio ai⁩

Ajuda-nos a melhorar a KENJTEC

O Google Analytics ajuda-nos a melhorar o site. A Google recebe dados de utilização e do dispositivo, que podem ser tratados nos EUA.

É opcional. A tua escolha é válida por 180 dias e podes alterá-la a qualquer momento nas definições de cookies.

Política de privacidade