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)

可缩放的黑色 TanStack 徽标,SVG 格式

Logo White (SVG)

徽标白色 (SVG)

可缩放的白色 TanStack 徽标,SVG 格式

文字标

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