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/

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