Marca · Astrina

Activos de marca

Todo aquí es producido por el mismo código que renderiza el sitio y la aplicación, por lo que no puede desviarse de la realidad. Usa los archivos tal como están: no recolores, estires, gires ni añadas efectos a las marcas.

01

La marca

Escríbelo “Astrina”, en minúsculas en la marca y en mayúsculas en una oración — nunca “ASTRINA”.

astrina

Puedes usar la marca y el nombre para referirte a Astrina — en un artículo, una reseña, una página de integración o una charla.

astrina
02

Colores

Lea en vivo desde la hoja de estilos que utiliza el sitio.

Aurora violeta#6d4dff
Aurora orquídea#b04dff
Aurora rosa#ff4f9a
Aurora ámbar#ffb547
Aurora champán#e8c27a
Aurora esmeralda#12b886
Aurora zafiro#2f6bff
Aurora turquesa#19c6e6
Aurora noche#0a0820
Degradado de marcalinear-gradient(118deg,#6d4dff 0%,#a64dff 46%,#ff4f9a 100%)
Gradiente de luces del nortelinear-gradient(100deg,#19c6e6,#6d4dff 38%,#b04dff 62%,#ff4f9a 86%,#ffb547)
Gradiente doradolinear-gradient(118deg,#f6d38b 0%,#e8b04b 50%,#c98a2a 100%)
Gradiente frescolinear-gradient(118deg,#2f6bff 0%,#6d4dff 55%,#19c6e6 100%)
Aa

Unbounded

Solo titulares y grandes números de exhibición.

Aa

Onest

Texto del cuerpo, interfaz y números densos.

{ }

JetBrains Mono

Código, claves y cifras tabulares.

03

Astra

La mascota tiene una forma y varios estados de ánimo. Elija el estado de ánimo que coincida con su historia; no dibuje nuevos.

waving
SVG
happy
SVG
thinking
SVG
celebrate
SVG
idea
SVG
error
SVG
pleading
SVG

Paquete de stickers de Astra para Telegram

04

El ícono de la aplicación

El ícono de la aplicación

La misma Astra que la aplicación muestra en pantalla — su estrella, su cara, su inclinación de 7°. El único respaldo es un círculo translúcido del brillo de la marca; todo lo que está fuera de él es transparente.

En claro
En oscuro
64 px
40 px
29 px

Totalmente transparente funciona en íconos adaptativos de Android y las variantes oscuras y tintadas en iOS 18. El iOS clásico prohíbe un canal alfa, así que allí la misma marca se sitúa en un mosaico casi blanco y el círculo se convierte en el único fondo.

Todos los archivos, uno por unoVector, transparente (SVG)Vector, sobre blanco (SVG)Vector, monocromo (SVG)
05

Cada archivo de icono de aplicación

Una marca, construida una vez y dispuesta para cada lugar donde tiene que vivir. Cada archivo se genera a partir del mismo vector, por lo que nada aquí puede desviarse de lo que la aplicación realmente envía.

Descargar todos los 45 archivos (ZIP)

iOS

Un reemplazo completo para la carpeta en Assets.xcassets. Cada PNG es opaco — la App Store no acepta un canal alfa.

Goes into ios/Runner/Assets.xcassets/AppIcon.appiconset/

Android

El icono adaptativo: el círculo vive en la capa del primer plano, el fondo es transparente, y la obra se sitúa dentro del medio 72dp de 108.

Goes into android/app/src/main/res/

  • XML
    ic_launcher.xml
    android/res/mipmap-anydpi-v26
    914 B
    Descargar
  • ic_launcher.png
    android/res/mipmap-hdpi
    72×72 · 7 KB
    Descargar
  • ic_launcher_foreground.png
    android/res/mipmap-hdpi
    162×162 · 13 KB
    Descargar
  • ic_launcher_monochrome.png
    android/res/mipmap-hdpi
    162×162 · 2 KB
    Descargar
  • ic_launcher.png
    android/res/mipmap-mdpi
    48×48 · 4 KB
    Descargar
  • ic_launcher_foreground.png
    android/res/mipmap-mdpi
    108×108 · 7 KB
    Descargar
  • ic_launcher_monochrome.png
    android/res/mipmap-mdpi
    108×108 · 2 KB
    Descargar
  • ic_launcher.png
    android/res/mipmap-xhdpi
    96×96 · 10 KB
    Descargar
  • ic_launcher_foreground.png
    android/res/mipmap-xhdpi
    216×216 · 18 KB
    Descargar
  • ic_launcher_monochrome.png
    android/res/mipmap-xhdpi
    216×216 · 3 KB
    Descargar
  • ic_launcher.png
    android/res/mipmap-xxhdpi
    144×144 · 18 KB
    Descargar
  • ic_launcher_foreground.png
    android/res/mipmap-xxhdpi
    324×324 · 30 KB
    Descargar
  • ic_launcher_monochrome.png
    android/res/mipmap-xxhdpi
    324×324 · 5 KB
    Descargar
  • ic_launcher.png
    android/res/mipmap-xxxhdpi
    192×192 · 25 KB
    Descargar
  • ic_launcher_foreground.png
    android/res/mipmap-xxxhdpi
    432×432 · 43 KB
    Descargar
  • ic_launcher_monochrome.png
    android/res/mipmap-xxxhdpi
    432×432 · 7 KB
    Descargar
  • XML
    ic_launcher_background.xml
    android/res/values
    324 B
    Descargar
Web

Icon-192 e Icon-512 son transparentes; el par enmascarable es opaco, con el área segura al 80%.

Goes into web/

  • favicon.png
    web
    32×32 · 2 KB
    Descargar
  • Icon-192.png
    web/icons
    192×192 · 25 KB
    Descargar
  • Icon-512.png
    web/icons
    512×512 · 62 KB
    Descargar
  • Icon-maskable-192.png
    web/icons
    192×192 · 12 KB
    Descargar
  • Icon-maskable-512.png
    web/icons
    512×512 · 26 KB
    Descargar
Tiendas y maquetas

Google Play acepta un cuadrado opaco; los archivos grandes transparentes son para presentaciones.

  • astra-icon-1024-transparent.png
    store
    1024×1024 · 183 KB
    Descargar
  • astra-icon-2048-transparent.png
    store
    2048×2048 · 599 KB
    Descargar
  • play-512.png
    store
    512×512 · 26 KB
    Descargar
Fuente

El vector del que se construye todo lo demás, y la nota sobre qué va dónde.

Si reconstruyes estos

  • Renderiza el vector con un motor de navegador. ImageMagick tiene su propio analizador SVG y dibuja a Astra un contorno que no tiene.
  • La capa monocromática de Android se tiñe solo por su canal alfa; el color de relleno no significa nada. Los ojos negros salen del mismo tono que el cuerpo, por lo que los ojos y la boca se recortan como agujeros.
  • Después de su inclinación de 7°, la estrella realmente se sitúa en x 30.7–164.3, y 33.0–165.3, centrada en 97.5/99.1; centrarla en el lienzo de 200×200 empuja el círculo hacia un lado.

Usando estos archivos

  • Puedes usar la marca y el nombre para referirte a Astrina — en un artículo, una reseña, una página de integración o una charla.
  • Mantenlo como una referencia en lugar de un respaldo: la marca no debe sugerir que nosotros construimos, patrocinamos o aprobamos tu producto.
  • La marca y Astra son nuestras — pertenecen a nuestro producto, no a tu empaque, tu icono de aplicación o una marca propia.
  • Astra tiene una forma. Recolorearla, redibujarla o darle nuevas poses la convierte en otra persona.
  • Cualquier otra cosa, o un archivo que no puedes encontrar aquí: escríbenos.

Lo que esta página responde

  • descarga del logo de Astrina
  • colores de marca de Astrina
  • logo de Astrina SVG
  • la mascota Astra
  • icono de la aplicación de Astrina
  • descarga del icono de la aplicación
  • archivos de icono de aplicación de iOS
  • icono adaptativo de Android
  • icono enmascarable
  • cómo usar la marca Astrina
  • directrices de marca
  • materiales de prensa de Astrina