Marca · Astrina

Risorse del marchio

Tutto qui è prodotto dallo stesso codice che rende il sito e l'app, quindi non può discostarsi dalla realtà. Usa i file così come sono: non cambiare colore, non allungare, ruotare o aggiungere effetti ai marchi.

01

Il marchio

Scrivilo “Astrina”, in minuscolo nel marchio e in maiuscolo in una frase — mai “ASTRINA”.

astrina

Puoi usare il marchio e il nome per riferirti ad Astrina — in un articolo, una recensione, una pagina di integrazione o un intervento.

astrina
02

Colori

Leggi in tempo reale dal foglio di stile che il sito utilizza.

Aurora viola#6d4dff
Aurora orchidea#b04dff
Aurora rosa#ff4f9a
Aurora ambra#ffb547
Aurora champagne#e8c27a
Aurora smeraldo#12b886
Aurora zaffiro#2f6bff
Aurora turchese#19c6e6
Aurora notte#0a0820
Gradiente del marchiolinear-gradient(118deg,#6d4dff 0%,#a64dff 46%,#ff4f9a 100%)
Gradiente luci del nordlinear-gradient(100deg,#19c6e6,#6d4dff 38%,#b04dff 62%,#ff4f9a 86%,#ffb547)
Gradiente orolinear-gradient(118deg,#f6d38b 0%,#e8b04b 50%,#c98a2a 100%)
Gradiente frescolinear-gradient(118deg,#2f6bff 0%,#6d4dff 55%,#19c6e6 100%)
Aa

Unbounded

Solo titoli e grandi numeri in evidenza.

Aa

Onest

Testo del corpo, interfaccia e numeri densi.

{ }

JetBrains Mono

Codice, chiavi e figure tabulari.

03

Astra

La mascotte ha una forma e diversi umori. Scegli l'umore che corrisponde alla tua storia; non disegnare nuovi.

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

Pacchetto adesivi Astra per Telegram

04

L'icona dell'app

L'icona dell'app

La stessa Astra che l'app mostra sullo schermo — la sua stella, il suo viso, la sua inclinazione di 7°. L'unico supporto è un cerchio traslucido del bagliore del marchio; tutto ciò che è al di fuori è trasparente.

Su chiaro
Su scuro
64 px
40 px
29 px

Completamente trasparente funziona su icone adattive Android e le varianti scure e colorate su iOS 18. L'iOS classico vieta un canale alfa, quindi lì lo stesso marchio si trova su una piastrella quasi bianca e il cerchio diventa l'unico sfondo.

Tutti i file, uno per unoVettore, trasparente (SVG)Vettore, su bianco (SVG)Vettore, monocromatico (SVG)
05

Ogni file icona dell'app

Un marchio, costruito una volta e disposto per ogni luogo in cui deve vivere. Ogni file è generato dallo stesso vettore, quindi nulla qui può discostarsi da ciò che l'app effettivamente spedisce.

Scarica tutti 45 file (ZIP)

iOS

Una sostituzione completa per la cartella in Assets.xcassets. Ogni PNG è opaco — l'App Store non accetta un canale alfa.

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

Android

L'icona adattiva: il cerchio vive nello strato anteriore, lo sfondo è trasparente e l'opera d'arte si trova all'interno del centro 72dp di 108.

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

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

Icon-192 e Icon-512 sono trasparenti; la coppia mascherabile è opaca, con l'area sicura all'80%.

Goes into web/

  • favicon.png
    web
    32×32 · 2 KB
    Scarica
  • Icon-192.png
    web/icons
    192×192 · 25 KB
    Scarica
  • Icon-512.png
    web/icons
    512×512 · 62 KB
    Scarica
  • Icon-maskable-192.png
    web/icons
    192×192 · 12 KB
    Scarica
  • Icon-maskable-512.png
    web/icons
    512×512 · 26 KB
    Scarica
Negozi e mockup

Google Play richiede un quadrato opaco; i grandi file trasparenti sono per presentazioni.

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

Il vettore da cui è costruito tutto il resto, e la nota su cosa va dove.

Se ricostruisci questi

  • Renderizza il vettore con un motore del browser. ImageMagick ha il proprio parser SVG e disegna ad Astra un contorno che non ha.
  • Il livello monocromatico Android è colorato solo dal suo canale alpha — il colore di riempimento non significa nulla. Gli occhi neri escono dello stesso tono del corpo, quindi gli occhi e la bocca sono ritagliati come fori.
  • Dopo il suo inclinazione di 7°, la stella si trova realmente a x 30.7–164.3, y 33.0–165.3, centrata su 97.5/99.1 — centrarla sulla tela 200×200 sposta il cerchio da un lato.

Utilizzando questi file

  • Puoi usare il marchio e il nome per riferirti ad Astrina — in un articolo, una recensione, una pagina di integrazione o un intervento.
  • Mantienilo come un riferimento piuttosto che un'approvazione: il marchio non dovrebbe suggerire che abbiamo costruito, sponsorizzato o approvato il tuo prodotto.
  • Il marchio e Astra rimangono nostri — appartengono al nostro prodotto, non al tuo imballaggio, alla tua icona dell'app o a un tuo marchio.
  • Astra ha una forma. Cambiale colore, ridisegnala o falle nuove pose e diventa qualcun altro.
  • Qualcos'altro, o un file che non riesci a trovare qui: scrivici.

Cosa risponde questa pagina

  • download logo Astrina
  • colori del marchio Astrina
  • logo Astrina SVG
  • la mascotte Astra
  • icona dell'app Astrina
  • download icona dell'app
  • file icona dell'app iOS
  • icona adattiva Android
  • icona mascherabile
  • come usare il marchio Astrina
  • linee guida del marchio
  • materiali stampa Astrina