Diretrizes de design
Siga essas diretrizes para o logotipo Xsolla e os botões serem exibidos corretamente ao escolher um método de pagamento.
Logotipo Xsolla
Casos de uso
Logotipo colorido
Logotipo monocromático (preto)
Logotipo monocromático (branco)
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:Tema | Cor do logotipo | Logotipo |
---|---|---|
Claro (logotipo colorido) | Magenta:
| |
Claro (logotipo monocromático) | Preto:
| |
Escuro (logotipo monocromático) | Branco:
| |
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 pelo seu feedback!
Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.