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 的 Astra 贴纸包

04

应用图标

应用图标

应用在屏幕上绘制的同一个Astra——她的星星，她的脸，她的7°倾斜。唯一的背景是一个半透明的品牌光环；它外面的所有部分都是透明的。

在明亮模式下
在黑暗模式下
64 px
40 px
29 px

完全透明的图标适用于Android自适应图标以及iOS 18上的深色和着色变体。经典iOS禁止使用alpha通道，因此在那里相同的标志位于接近白色的瓷砖上，圆圈成为唯一的背景。

所有文件，一一列出矢量，透明（SVG）矢量，白色（SVG）矢量，单色（SVG）
05

每个应用图标文件

一个标记，构建一次并为每个需要存在的地方布局。每个文件都是从相同的矢量生成的，因此这里没有任何东西可以偏离应用实际发布的内容。

下载所有 45 个文件 (ZIP)

iOS

Assets.xcassets 文件夹的完整替代品。每个 PNG 都是不透明的 — App Store 不接受 alpha 通道。

进入 ios/Runner/Assets.xcassets/AppIcon.appiconset/

Android

自适应图标：圆形位于前景层，背景是透明的，艺术作品位于 108 的中间 72dp 内。

进入 android/app/src/main/res/

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

Icon-192 和 Icon-512 是透明的；可遮罩的配对是不透明的，安全区域为 80%。

进入 web/

  • favicon.png
    web
    32×32 · 2 KB
    下载
  • Icon-192.png
    web/icons
    192×192 · 25 KB
    下载
  • Icon-512.png
    web/icons
    512×512 · 62 KB
    下载
  • Icon-maskable-192.png
    web/icons
    192×192 · 12 KB
    下载
  • Icon-maskable-512.png
    web/icons
    512×512 · 26 KB
    下载
商店和模型

Google Play 需要一个不透明的正方形；大型透明文件用于演示。

  • astra-icon-1024-transparent.png
    store
    1024×1024 · 183 KB
    下载
  • astra-icon-2048-transparent.png
    store
    2048×2048 · 599 KB
    下载
  • play-512.png
    store
    512×512 · 26 KB
    下载
来源

构建其他所有内容的矢量，以及关于内容放置位置的说明。

  • TXT
    README.txt
    4 KB
    下载
  • astra-icon-monochrome.svg
    source
    1 KB
    下载
  • astra-icon-on-white.svg
    source
    2 KB
    下载
  • astra-icon.svg
    source
    2 KB
    下载

如果你重建这些

  • 使用浏览器引擎渲染矢量。ImageMagick 有自己的 SVG 解析器，并为 Astra 绘制了她没有的轮廓。
  • Android 单色层仅由其 alpha 通道着色——填充颜色没有意义。黑色眼睛与身体的色调相同，因此眼睛和嘴巴被切割成孔。
  • 在她 7° 的倾斜后，星星实际上位于 x 30.7–164.3，y 33.0–165.3，中心在 97.5/99.1——将其居中于 200×200 的画布上会将圆圈推到一侧。

使用这些文件

  • 您可以在文章、评论、集成页面或演讲中使用该标志和名称来指代 Astrina。
  • 保持其为参考而非认可：该标志不应暗示我们构建、赞助或批准您的产品。
  • 标志和 Astra 仍然属于我们 — 它们属于我们的产品，而不是您的包装、您的应用图标或您自己的标志。
  • Astra 只有一个形状。重新着色、重绘或给她新的姿势，她就变成了其他人。
  • 其他任何内容，或您在此找不到的文件：写信给我们。

此页面回答的问题

  • astrina 标志下载
  • astrina 品牌颜色
  • astrina 标志 SVG
  • astra 吉祥物
  • astrina 应用图标
  • 应用图标下载
  • iOS 应用图标文件
  • android 自适应图标
  • 可遮罩图标
  • 如何使用 Astrina 标志
  • 品牌指南
  • astrina 新闻材料