astrina
Бренд · Astrina

Фирменный стиль

Всё здесь выдаёт тот же код, что рисует сайт и приложение, поэтому разойтись с настоящим оно не может. Берите файлы как есть: знаки не перекрашивают, не растягивают, не поворачивают и не украшают эффектами.

Скачать все 45 файлов (ZIP) Скачать знак (SVG)
01

Знак

Пишется «Astrina»: строчными в знаке и с заглавной в предложении — но не «ASTRINA».

astrina

Знаком и названием можно ссылаться на Astrina — в статье, обзоре, на странице интеграции или в докладе.

Скачать знак (SVG)
astrina
02

Цвета

Считаны напрямую из таблицы стилей, которой пользуется сайт.

Фиолет#6d4dff
Орхидея#b04dff
Роза#ff4f9a
Янтарь#ffb547
Шампань#e8c27a
Изумруд#12b886
Сапфир#2f6bff
Бирюза#19c6e6
Ночь#0a0820
Фирменный градиентlinear-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%)
Aa

Unbounded

Только заголовки и крупные витринные числа.

Aa

Onest

Основной текст, интерфейс и плотные числа.

{ }

JetBrains Mono

Код, ключи и табличные цифры.

03

Astra

У маскота одна форма и несколько настроений. Выберите подходящее вашему материалу; новых не рисуйте.

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

Набор стикеров с Астрой для Telegram

04

Иконка приложения

Иконка приложения

Та самая Астра, что приложение рисует на экране: её звезда, её лицо, её наклон 7°. Единственная подложка — полупрозрачный круг фирменного свечения, за его пределами всё прозрачно.

На светлом
На тёмном
64 px
40 px
29 px

Полная прозрачность работает в адаптивных иконках Android и в тёмном и тонированном вариантах iOS 18. Классическая iOS альфа-канал запрещает, поэтому там тот же знак лежит на почти белой плитке, и круг оказывается единственным фоном.

Все файлы по одномуВектор, прозрачный (SVG)Вектор, на белом (SVG)Вектор, одноцветный (SVG)
05

Все файлы иконки приложения

Один знак, собранный однажды и разложенный по всем местам, где ему жить. Каждый файл сделан из одного и того же вектора, поэтому разойтись с тем, что стоит в приложении, здесь нечему.

Скачать все 45 файлов (ZIP)

iOS

Полная замена папке в Assets.xcassets. Каждый PNG непрозрачный — App Store не принимает альфа-канал.

Кладётся в ios/Runner/Assets.xcassets/AppIcon.appiconset/

Android

Адаптивная иконка: круг живёт в переднем слое, фон прозрачный, а рисунок вписан в центральные 72dp из 108.

Кладётся в android/app/src/main/res/

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

Icon-192 и Icon-512 прозрачные; пара maskable непрозрачная, с безопасной зоной 80 %.

Кладётся в web/

Магазины и макеты

Google Play принимает непрозрачный квадрат; крупные прозрачные — для презентаций.

Источник

Вектор, из которого собрано всё остальное, и памятка, что куда кладётся.

Если будете пересобирать

  • Рендерите вектор браузерным движком. У ImageMagick свой разборщик SVG, и он дорисовывает Астре обводку, которой у неё нет.
  • Монохромный слой Android красится только по альфа-каналу — цвет заливки не значит ничего. Чёрные глаза выйдут того же тона, что и тело, поэтому глаза и рот вырезаны насквозь.
  • После наклона 7° звезда на самом деле занимает x 30.7–164.3, y 33.0–165.3 с центром 97.5/99.1 — если центрировать её по холсту 200×200, круг уезжает вбок.

Как этим пользоваться

  • Знаком и названием можно ссылаться на Astrina — в статье, обзоре, на странице интеграции или в докладе.
  • Пусть это остаётся ссылкой, а не одобрением: знак не должен намекать, что ваш продукт сделали, спонсируют или одобрили мы.
  • Знак и Астра остаются нашими: их место на нашем продукте, а не на вашей упаковке, вашей иконке или в вашем собственном знаке.
  • У Астры одна форма. Перекрасьте её, перерисуйте или придумайте новые позы — и это будет уже не она.
  • Всё остальное и файлы, которых здесь нет: напишите нам.

На какие запросы отвечает эта страница

  • скачать логотип Astrina
  • фирменные цвета Astrina
  • логотип Astrina в SVG
  • маскот Астра
  • иконка приложения Astrina
  • скачать иконку приложения
  • файлы иконки для iOS
  • адаптивная иконка Android
  • maskable-иконка
  • как использовать знак Astrina
  • правила использования знака
  • пресс-материалы Astrina