THE SANSHUI COLOR SYSTEM

池青。
三水的共同底色。

从一池水的清透,延伸到每一个三水产品。
一套有秩序的色彩,让官网、App 和图标彼此呼应。

品牌主色已确定TIDAL TEAL / V1.0
SANSHUI / 600池青#087F8C

01 / FOUNDATION

五个颜色,各司其职。

点击色块复制 HEX 色值。
主色保持一致,明暗交给主题。

70% 中性色25% 品牌色5%

面积占比作为布局参考:留出阅读空间,让亮色用在值得注意的地方。

中性色 / 品牌色 / 点睛色

从雾水白,到深池。

11 STEPS / ONE FAMILY

浅色界面以 600 为主操作色;深色界面以 400 为主操作色。图标底色始终保持 600。

02 / IN USE

两种明暗,同一种自然。

三水 · 界面组件COLOR IN CONTEXT
操作与表单

清晰,是体验的开始。

可点击、输入或使用 Tab 查看焦点状态。

灵感随记

让每个念头,
都有自己的位置。

正文保持清晰,次要信息适当退后。
用颜色建立层次,也给内容留出呼吸的空间。

从一滴灵感,到一池可能。
成功警告错误信息
界面角色浅色主题深色主题

池青 + 白字,约 4.75:1。亮薄荷青请搭配深池文字。状态同时使用文字或图标表达,成功、警告和错误保留独立语义色。

03 / FAMILY RESEMBLANCE

看一眼,就知道是三水。

统一底色与图形语言,
用功能图形区分不同产品。

APP ICONS / B · APPROVED

同一个三水,
各有各的用处。

已确认 B · 实形水印。
池青底色、白色实形、底部固定三水水印。

下载 B 方案底版
三水笔记 B 方案图标三水笔记记录灵感
三水清单 B 方案图标三水清单命名示例
三水时光 B 方案图标三水时光命名示例

01颜色统一图标底色保持池青,深浅模式不改变品牌识别。

02留足空间保留约 20% 安全空间,方形母版按平台要求导出。

03水印固定复用同一底版,只替换功能图形,保持三水水印的位置与比例。

04 / NAMING

让名字,也有共同的起点。

工作室三点水也工作室

完整品牌名称

产品命名三水 + 产品名

例如:三水笔记

包名前缀

适用于后续所有产品

完整包名示例:de.ycai.sanshui.notes。实际标识在具体产品中确定,保持前缀一致。

TAKE SANSHUI WITH YOU.

让池青,随下一个作品出发。

色值、主题变量、图标参考与使用规范,已经收进同一个资源包。

下载品牌资源包