TransCircle Logo

TransCircle 项目组的官方 Logo 资产库,包含图标、横版组合标志与字标的矢量(SVG)与位图(PNG)版本。

资产总览

图标 Icon

蓝、粉、白三色交织的圆环标志,可单独用作头像、favicon 或应用图标。

预览	文件	规格	用途
	icon/transcircle-icon.svg	矢量,1268 × 1268,透明背景	首选,任意尺寸无损缩放
	icon/transcircle-icon.png	1268 × 1268,透明背景	不支持 SVG 的场景
	icon/transcircle-icon-on-white.png	1268 × 1268,白色底	不支持透明通道的场景

横版组合标志 Horizontal Lockup

图标 + 字标的横向组合,适用于页眉、文档抬头、演示文稿封面等。

预览	文件	规格	用途
	horizontal/transcircle-horizontal-on-light.svg	矢量,10:3,透明背景	浅色背景首选
	horizontal/transcircle-horizontal-on-light.png	3200 × 960,透明背景	浅色背景,位图场景
	horizontal/transcircle-horizontal-on-dark.svg	矢量,10:3,透明背景	深色背景首选
	horizontal/transcircle-horizontal-on-dark.png	3200 × 960,透明背景	深色背景,位图场景
	horizontal/transcircle-horizontal-3x1-on-white.png	2880 × 960,白色底	严格 3:1 且不支持透明的场景,如社交预览图

on-light 与 on-dark 两个版本的图形部分完全一致,唯一区别是字标颜色:前者为深蓝灰 #334B5F,后者为米白 #F3EBDD。请按背景明暗选择,而非按「深色/浅色 Logo」理解。

字标 Wordmark

仅文字部分,用于图标已在别处出现、无需重复的场合。

预览	文件	规格
	wordmark/transcircle-wordmark.svg	矢量,1221 × 179,深蓝灰 #334B5F

命名规范

transcircle-<组件>[-<修饰>]-on-<背景>.<格式>
                              └── 该文件应放置的背景,而非文件本身的颜色

• 组件:icon(图标) / horizontal(横版组合) / wordmark(字标)
• 不带 -on-* 后缀的文件为透明背景,可用于任意背景
• 全部小写,以连字符分隔

使用建议

• 优先使用 SVG。所有 SVG 中的文字均已转为路径,不依赖系统字体,跨平台渲染一致。
• 保持 Logo 四周留白,建议不小于圆环直径的 1/4。
• 请勿拉伸变形、旋转、改变配色或重新排列图标与字标的相对位置。
• 深色背景请使用 on-dark 版本,否则深蓝灰字标会难以辨认。

引用方式

在 Markdown 中直接引用 raw 链接:

<img src="https://raw.githubusercontent.com/TransCircle/logo/main/horizontal/transcircle-horizontal-on-light.svg" width="320">

在网页中根据主题自动切换:

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="transcircle-horizontal-on-dark.svg">
  <img src="transcircle-horizontal-on-light.svg" alt="TransCircle">
</picture>