Ativos da marca
Tudo aqui é produzido pelo mesmo código que renderiza o site e o aplicativo, portanto não pode se desviar da realidade. Use os arquivos como estão: não recole, estique, gire ou adicione efeitos às marcas.
A marca
Escreva “Astrina”, em letras minúsculas na marca e com a primeira letra maiúscula em uma frase — nunca “ASTRINA”.
Você pode usar a marca e o nome para se referir à Astrina — em um artigo, uma resenha, uma página de integração ou uma palestra.
Cores
Leia ao vivo a partir da folha de estilo que o site usa.
#6d4dff#b04dff#ff4f9a#ffb547#e8c27a#12b886#2f6bff#19c6e6#0a0820linear-gradient(118deg,#6d4dff 0%,#a64dff 46%,#ff4f9a 100%)linear-gradient(100deg,#19c6e6,#6d4dff 38%,#b04dff 62%,#ff4f9a 86%,#ffb547)linear-gradient(118deg,#f6d38b 0%,#e8b04b 50%,#c98a2a 100%)linear-gradient(118deg,#2f6bff 0%,#6d4dff 55%,#19c6e6 100%)Unbounded
Apenas manchetes e grandes números em destaque.
Onest
Texto do corpo, interface e números densos.
JetBrains Mono
Código, chaves e figuras tabulares.
Astra
A mascote tem uma forma e vários humores. Escolha o humor que combina com sua história; não desenhe novos.
Cada arquivo de ícone de aplicativo
Uma marca, construída uma vez e disposta para cada lugar onde deve viver. Cada arquivo é gerado a partir do mesmo vetor, então nada aqui pode se desviar do que o aplicativo realmente entrega.
Baixar todos os 45 arquivos (ZIP)
Uma substituição completa para a pasta em Assets.xcassets. Cada PNG é opaco — a App Store não aceita um canal alfa.
Goes into ios/Runner/Assets.xcassets/AppIcon.appiconset/
O ícone adaptável: o círculo vive na camada de primeiro plano, o fundo é transparente, e a arte está dentro do meio 72dp de 108.
Goes into android/app/src/main/res/
Icon-192 e Icon-512 são transparentes; o par mascarável é opaco, com a área segura em 80%.
Goes into web/
O Google Play aceita um quadrado opaco; os grandes arquivos transparentes são para apresentações.
O vetor do qual tudo mais é construído, e a nota sobre o que vai onde.
Se você reconstruir esses
- Renderize o vetor com um motor de navegador. O ImageMagick tem seu próprio analisador SVG e desenha Astra um contorno que ela não possui.
- A camada monocromática do Android é tingida apenas pelo seu canal alfa — a cor de preenchimento não significa nada. Olhos pretos saem no mesmo tom que o corpo, então os olhos e a boca são cortados como buracos.
- Após sua inclinação de 7°, a estrela realmente fica em x 30.7–164.3, y 33.0–165.3, centrada em 97.5/99.1 — centralizá-la na tela de 200×200 empurra o círculo para um lado.
Usando esses arquivos
- Você pode usar a marca e o nome para se referir à Astrina — em um artigo, uma resenha, uma página de integração ou uma palestra.
- Mantenha como uma referência em vez de um endosse: a marca não deve sugerir que nós construímos, patrocinamos ou aprovamos seu produto.
- A marca e Astra permanecem nossas — pertencem ao nosso produto, não à sua embalagem, ao seu ícone de aplicativo ou a uma marca sua.
- Astra tem uma forma. Recolora-a, redesenha-a ou dá-lhe novas poses e ela se torna outra pessoa.
- Qualquer outra coisa, ou um arquivo que você não consegue encontrar aqui: escreva para nós.
O que esta página responde
- download do logotipo da Astrina
- cores da marca Astrina
- logotipo da Astrina SVG
- a mascote Astra
- ícone do aplicativo Astrina
- download do ícone do aplicativo
- arquivos de ícone de aplicativo iOS
- ícone adaptável do Android
- ícone mascarável
- como usar a marca Astrina
- diretrizes da marca
- materiais de imprensa da Astrina
