THE SANSHUI COLOR SYSTEM
池青。
三水的共同底色。
从一池水的清透,延伸到每一个三水产品。
一套有秩序的色彩,让官网、App 和图标彼此呼应。
品牌主色已确定TIDAL TEAL / V1.0
SANSHUI / 600池青#087F8C
01 / FOUNDATION
五个颜色,各司其职。
点击色块复制 HEX 色值。
主色保持一致,明暗交给主题。
暂时无法加载完整色值,请刷新页面或下载 JSON 文件查看。
70% 中性色25% 品牌色5%
面积占比作为布局参考:留出阅读空间,让亮色用在值得注意的地方。
中性色 / 品牌色 / 点睛色从雾水白,到深池。
11 STEPS / ONE FAMILY浅色界面以 600 为主操作色;深色界面以 400 为主操作色。图标底色始终保持 600。
02 / IN USE
两种明暗,同一种自然。
操作与表单
清晰,是体验的开始。
可点击、输入或使用 Tab 查看焦点状态。
灵感随记让每个念头,
让每个念头,
都有自己的位置。
正文保持清晰,次要信息适当退后。
用颜色建立层次,也给内容留出呼吸的空间。
从一滴灵感,到一池可能。
成功警告错误信息
| 界面角色 | 浅色主题 | 深色主题 |
|---|
池青 + 白字,约 4.75:1。亮薄荷青请搭配深池文字。状态同时使用文字或图标表达,成功、警告和错误保留独立语义色。
03 / FAMILY RESEMBLANCE
看一眼,就知道是三水。
统一底色与图形语言,
用功能图形区分不同产品。
01颜色统一图标底色保持池青,深浅模式不改变品牌识别。
02留足空间保留约 20% 安全空间,方形母版按平台要求导出。
03水印固定复用同一底版,只替换功能图形,保持三水水印的位置与比例。
04 / NAMING
让名字,也有共同的起点。
工作室三点水也工作室
完整品牌名称
产品命名三水 + 产品名
例如:三水笔记
包名前缀
适用于后续所有产品
完整包名示例:de.ycai.sanshui.notes。实际标识在具体产品中确定,保持前缀一致。