自动

TanStack 品牌指南

TanStack 官方标志、启动画面和品牌资产,以及适用于您的项目和材料的使用指南。

标志图片

Logo Color (600px PNG)

彩色标志(600px PNG)

高分辨率彩色 TanStack 标志

Logo Color (100px PNG)

彩色标志(100px PNG)

较小的彩色 TanStack 标志

Logo Color Banner (600px PNG)

彩色标志横幅(600px PNG)

彩色标志的横幅变体

Logo Color Banner (100px PNG)

彩色标志横幅(100px PNG)

小型彩色标志的横幅变体

Logo Black (SVG)

黑色标志(SVG)

SVG 格式的可缩放黑色 TanStack 标志

Logo White (SVG)

白色标志(SVG)

SVG 格式的可缩放白色 TanStack 标志

文字标记

Wordmark Black (SVG)

黑色文字标记(SVG)

SVG 格式的可缩放黑色文字标记

Wordmark White (SVG)

白色文字标记(SVG)

SVG 格式的可缩放白色文字标记

启动画面图片

Splash Light

浅色启动画面

针对浅色背景和主题优化的 TanStack 启动画面

Splash Dark

深色启动画面

针对深色背景和主题优化的 TanStack 启动画面

其他资产

Toy Palm Chair Mockup

玩具棕榈椅模型

我们曾考虑为贡献者 3D 打印的玩具棕榈椅的逼真 3D 模型,但尚未找到合适的制造商或分销商。

使用指南

这些资产可用于与 TanStack 项目、教育材料和支持 TanStack 生态系统的宣传内容。

  • 以原始比例使用资产,不要扭曲
  • 在标志周围保持适当的间距(最小填充等于 TanStack 中“T”的高度)
  • 使用高对比度组合(深色背景上的浅色标志,浅色背景上的深色标志)
  • 对于矢量组件,您可以从存储库中的组件文件中复制 JSX