Impilo

深蓝色基底、胶囊形控件与大字排版。
页面以深蓝色为基底,搭配白色文字。字体采用 Gilroy。视觉特点包括胶囊形控件、大字排版、紧密字距、单栏阅读排版。适合参考的场景:产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 所有深色区块都以 Deep Iris #16165c 为页面画布,绝不引入中性灰或纯黑背景。
- 所有按钮和标签都设为 9999px 圆角。胶囊几何形态没有商量余地,并定义品牌轮廓。
- 92px+ 的展示字号使用 -0.075em 字间距,让标题显得紧压、工程化,而非疏朗。
- Clinical Cyan #00b1ff 留给数据、链接和图表描边,绝不作为装饰填充。
- Mint Vital #00ffaa 搭配积极的健康数据,例如正常范围内的生命体征或激活状态,让绿色具备装饰之外的语义。
- 任何标题中最重要的单词使用点状轮廓 Word Highlight Box。每页最多出现一次。
- 深色与浅色区块之间,在 Pearl #f4f4f6 处直接切换颜色;主题之间不使用渐变过渡。
建议避免
- 背景绝不使用 #1a1a1a、#2a2a2a 等中性灰。所有深色表面必须保持在紫罗兰色系。
- 字体系统不要混入字重 400 或 700。Gilroy 只采用 500 和 600。
- Clinical Cyan #00b1ff 绝不作为按钮或首屏区块的大面积实心填充。它是数据与链接色,而非表面色。
- Mint Vital #00ffaa 不要用于错误状态或警告。它的含义固定为积极健康信号。
- 任何容器都避免使用 0-4px 的锐利圆角。图标最小为 7px,输入框为 16px,卡片为 24px。
- 不要引入第二种字体。Gilroy 的 500/600 字重覆盖全部文字需求。
- 深色画布上的卡片背景绝不使用白色 #ffffff。Cloud White 表面只属于浅色反转区块。
- 深色与浅色区块之间不要使用渐变过渡。直接切换是标志性选择。