← 返回首页
Brand Guidelines — v2 · 2026 秋

小事做好。

Small tools, honest craft.

TinyTiny 是一个人的软件作坊。我们做简单、好用的小工具:帮你把注意力留给最重要的需求,不追踪你,不放广告。品牌的一切表达——颜色、字体、文案、动效——都应该像产品本身一样:克制、诚实、有一点温度。

色彩

Palette — 纸面暖色系
纸 Paper
#ECE4D9
页面底色。所有内容的承载面。
奶油 Cream
#F4F0EA
次级表面,用于分区的轻微明暗交替。
卡纸 Card
#FFFBF5
卡片与内容块表面,不用投影堆叠。
墨 Ink
#4F483E
正文与标题。不用纯黑。
灰墨 Muted
#8A7D6B
次要文字与说明。
烧橙 Accent
#F54001
唯一强强调色:CTA、关键词、编号。一处一屏,不滥用。
浅橙 Tint
#FFC198
选中文本、深色底上的点缀。
赭红 · TinyTalk
#B53820
TinyTalk 产品色,温暖的人声。
森林绿 · TinyStyle
#286E44
TinyStyle 产品色,衣物与自然。
深青蓝 · MiniBridge
#1E7FA8
MiniBridge 产品色,连接与线缆。

字体

Type — 系统字,零外部请求
展示 Display
800 / -0.03em
PingFang SC Heavy
世界很大,
我们把小事做好。
标题 Title
800 / -0.02em
把注意力留给最重要的需求
正文 Body
400 / 1.7 行高
字体栈固定为系统字体(-apple-system / PingFang SC / Microsoft YaHei),不加载任何外部字体文件——这既是性能选择,也是隐私立场:这个网站不向任何第三方服务器发起请求。
等宽 Mono
ui-monospace / +0.14em
VOL. 2026 — NO. 01 — EST. 2026

图形母题

Motif — 小方块与缝迹

小方块点阵

首页 Hero 的生成式点阵是品牌的核心图形:一片安静的小方块,靠近时轻轻亮起。「小」不是缺点,是我们的形状。

缝迹按钮

虚线缝迹

可交互元素使用 1px 虚线圆角边框,像手作物品的缝线。提示「这是一个人认真做的东西」,而不是流水线上的模板。

NO. 01 / 02 / 03

编号系统

产品、原则、细节一律用等宽编号标注(NO. 01…)。编号意味着秩序,也意味着这个清单会继续变长。

语气

Voice — 诚恳,口语化

✓ 这样说

  • 「打开 App,直奔最重要的事。」
  • 「数据默认留在你的设备上。」
  • 「每一封邮件都会认真读。」
  • 「功能清单短,是我们的优点。」

✗ 不这样说

  • 「强大的一站式智能平台」
  • 「赋能用户,极致体验」
  • 「引领行业,重新定义」
  • 任何夸大、空洞、催促的话术