astrina
Marka · Astrina

Zasoby marki

Wszystko tutaj jest produkowane przez ten sam kod, który renderuje stronę i aplikację, więc nie może odbiegać od rzeczywistości. Używaj plików tak, jak są: nie zmieniaj kolorów, nie rozciągaj, nie obracaj ani nie dodawaj efektów do znaków.

Pobierz wszystkie 45 pliki (ZIP) Pobierz znak (SVG)
01

Znak

Napisz to „Astrina”, małymi literami w znaku towarowym i wielką literą w zdaniu — nigdy „ASTRINA”.

astrina

Możesz używać znaku i nazwy, aby odnosić się do Astrina — w artykule, recenzji, na stronie integracyjnej lub w rozmowie.

Pobierz znak (SVG)
astrina
02

Kolory

Czytaj na żywo z arkusza stylów, którego używa strona.

Aurora fioletowa#6d4dff
Aurora orchidea#b04dff
Aurora róża#ff4f9a
Aurora bursztyn#ffb547
Aurora szampan#e8c27a
Aurora szmaragd#12b886
Aurora szafir#2f6bff
Aurora turkus#19c6e6
Aurora noc#0a0820
Gradient markilinear-gradient(118deg,#6d4dff 0%,#a64dff 46%,#ff4f9a 100%)
Gradient zorzy polarnejlinear-gradient(100deg,#19c6e6,#6d4dff 38%,#b04dff 62%,#ff4f9a 86%,#ffb547)
Gradient złotalinear-gradient(118deg,#f6d38b 0%,#e8b04b 50%,#c98a2a 100%)
Gradient chłodnylinear-gradient(118deg,#2f6bff 0%,#6d4dff 55%,#19c6e6 100%)
Aa

Unbounded

Tylko nagłówki i duże liczby pokazowe.

Aa

Onest

Tekst główny, interfejs i gęste liczby.

{ }

JetBrains Mono

Kod, klucze i dane tabelaryczne.

03

Astra

Maskotka ma jeden kształt i kilka nastrojów. Wybierz nastrój, który pasuje do twojej historii; nie rysuj nowych.

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

Zestaw naklejek Astra dla Telegramu

04

Ikona aplikacji

Ikona aplikacji

Ta sama Astra, którą aplikacja wyświetla na ekranie — jej gwiazda, jej twarz, jej 7° nachylenie. Jedynym tłem jest przezroczysty okrąg blasku marki; wszystko poza nim jest przezroczyste.

Na jasnym
Na ciemnym
64 px
40 px
29 px

W pełni przezroczyste działa na adaptacyjnych ikonach Androida oraz ciemnych i przyciemnionych wariantach na iOS 18. Klasyczny iOS zabrania kanału alfa, więc tam ten sam znak znajduje się na prawie białym kafelku, a okrąg staje się jedynym tłem.

Wszystkie pliki, jeden po drugimWektor, przezroczysty (SVG)Wektor, na białym (SVG)Wektor, monochromatyczny (SVG)
05

Każdy plik ikony aplikacji

Jedna marka, zbudowana raz i rozłożona w każdym miejscu, w którym musi żyć. Każdy plik jest generowany z tego samego wektora, więc nic tutaj nie może odbiegać od tego, co aplikacja faktycznie wysyła.

Pobierz wszystkie 45 pliki (ZIP)

iOS

Kompletne zastąpienie folderu w Assets.xcassets. Każdy PNG jest nieprzezroczysty — App Store nie akceptuje kanału alfa.

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

Android

Ikona adaptacyjna: okrąg znajduje się w warstwie pierwszoplanowej, tło jest przezroczyste, a grafika znajduje się w środkowych 72dp z 108.

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

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

Ikona-192 i Ikona-512 są przezroczyste; para maskowalna jest nieprzezroczysta, z bezpiecznym obszarem na poziomie 80%.

Goes into web/

  • favicon.png
    web
    32×32 · 2 KB
    Pobierz
  • Icon-192.png
    web/icons
    192×192 · 25 KB
    Pobierz
  • Icon-512.png
    web/icons
    512×512 · 62 KB
    Pobierz
  • Icon-maskable-192.png
    web/icons
    192×192 · 12 KB
    Pobierz
  • Icon-maskable-512.png
    web/icons
    512×512 · 26 KB
    Pobierz
Sklepy i makiety

Google Play przyjmuje nieprzezroczysty kwadrat; duże przezroczyste pliki są przeznaczone do prezentacji.

  • astra-icon-1024-transparent.png
    store
    1024×1024 · 183 KB
    Pobierz
  • astra-icon-2048-transparent.png
    store
    2048×2048 · 599 KB
    Pobierz
  • play-512.png
    store
    512×512 · 26 KB
    Pobierz
Źródło

Wektor, z którego zbudowane jest wszystko inne, oraz uwaga na temat tego, co gdzie się znajduje.

Jeśli odbudujesz te

  • Renderuj wektor za pomocą silnika przeglądarki. ImageMagick ma własny parser SVG i rysuje Astra kontur, którego nie ma.
  • Monochromatyczna warstwa Androida jest zabarwiona tylko przez swój kanał alfa — kolor wypełnienia nic nie znaczy. Czarne oczy mają ten sam odcień co ciało, więc oczy i usta są wycięte jako otwory.
  • Po jej przechyleniu o 7° gwiazda naprawdę znajduje się w x 30.7–164.3, y 33.0–165.3, wyśrodkowana na 97.5/99.1 — wyśrodkowanie jej na płótnie 200×200 przesuwa okrąg na jedną stronę.

Używanie tych plików

  • Możesz używać znaku i nazwy, aby odnosić się do Astrina — w artykule, recenzji, na stronie integracyjnej lub w rozmowie.
  • Trzymaj to jako odniesienie, a nie poparcie: znak nie powinien sugerować, że stworzyliśmy, sponsorujemy lub zatwierdzamy Twój produkt.
  • Znak i Astra pozostają nasze — należą do naszego produktu, a nie do Twojego opakowania, ikony aplikacji ani znaku własnego.
  • Astra ma jeden kształt. Zmień jej kolor, narysuj ją na nowo lub nadaj jej nowe pozy, a stanie się kimś innym.
  • Cokolwiek innego lub plik, którego nie możesz tutaj znaleźć: napisz do nas.

Na co odpowiada ta strona

  • pobierz logo Astrina
  • kolory marki Astrina
  • logo Astrina SVG
  • maskotka Astra
  • ikona aplikacji Astrina
  • pobierz ikonę aplikacji
  • pliki ikon aplikacji iOS
  • ikona adaptacyjna Androida
  • ikona maskowalna
  • jak używać znaku Astrina
  • wytyczne dotyczące marki
  • materiały prasowe Astrina