Diretrizes de design

Siga essas diretrizes para o logotipo Xsolla e os botões serem exibidos corretamente ao escolher um método de pagamento.

Casos de uso

Logotipo colorido

Logotipo monocromático (preto)

Logotipo monocromático (branco)

Baixar logotipos

Limitações

Tenha em mente que você não pode:
Estique o logotipo.
Uso de um logotipo da Xsolla desatualizado ou não oficial.
Mudança da cor do logotipo — use as cores oficiais indicadas na tabela abaixo.
Exibição do logotipo contra um plano de fundo colorido — em vez disso, use um plano de fundo branco.

Cores

Dependendo do tema da interface de pagamento, o logotipo da Xsolla pode ter as seguintes cores:

TemaCor do logotipoLogotipo
Claro (logotipo colorido)Magenta:
  • Hex: #ff05b
  • RGB: 255 0 91
  • CMYK: 0 100 55 0
Color logo
Claro (logotipo monocromático)Preto:
  • Hex: #18171c
  • RGB: 24 23 28
  • CMYK: 50 50 50 100
Black logo
Escuro (logotipo monocromático)Branco:
  • Hex: #ffffff
  • RGB: 255 255 255
  • CMYK: 0 0 0 0
White logo
 

Botões

Você pode implementar uma lista de métodos de pagamento que corresponda às suas necessidades. Para manter a consistência, siga as diretrizes abaixo sobre o design do botão que redireciona os usuários à interface de pagamento da Xsolla.

Logotipo colorido

Logotipo monocromático (preto)

Logotipo monocromático (branco)

Proporções

Diretrizes de exibição de texto no botão:
  • alinhamento centralizado vertical e horizontal
  • 40% de altura do botão

Raio dos cantos

Você pode ajustar o raio dos cantos do botão.

Sombra

Você pode adicionar uma sombra ao botão.

Exemplos de exibição na lista de métodos de pagamento

Este artigo foi útil?
Obrigado!
Podemos melhorar alguma coisa? Mensagem
Que pena ouvir isso
Explique porque este artigo não foi útil para você. Mensagem
Obrigado pelo seu feedback!
Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.
Última atualização: 2 de Julho de 2024

Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.

Relatar um problema
Nós sempre avaliamos nossos conteúdos. Seu feedback nos ajuda a melhorá-los.
Forneça um e-mail para que possamos responder
Obrigado pelo seu feedback!