Home 网站预览
Home 网站预览

Home

观测者星夜的黑暗观测站

Fluidtouch 作为数字观测站:近黑色画布(#121318)承载宏伟的白色文字和由细线向量连接的淡色点阵,唯一具有色彩的信号是单个热粉色(#ed1672),在整体单色宇宙中形成鲜明对比。展示文字采用 Poppins 700 字重,尺寸接近海报级(110px 首屏),而 Muli 300 以正文尺寸轻声低语——几何粗体与人文柔体之间的对比是系统的感情核心。表面为扁平且无边框;深度来自略微更亮的面板(#191c26)和细线规则(#212529),从不通过阴影实现。组件均设有充足内边距且呈胶囊形(100px 半径),悬浮于充足的负空间中,使每个交互元素都显得刻意而不过于密集。

查看原始网站

使用规范

建议采用

  • 仅在活跃导航链接、填充型行动号召按钮(CTA)和装饰性点缀点上使用 #ed1672 — 每屏限制使用 2-3 次
  • 首屏标题精确设定为 110px(Poppins 700)并保持行高 1.00,以维持海报级视觉冲击力
  • 将 Muli 300 正文与 Poppins 700 展示文字搭配使用——绝不替换为其他人文无衬线字体,字重对比是系统的核心
  • 所有按钮和标签的边框圆角均设为 100px — 胶囊形态是品牌识别的绝对要求
  • 居中文字区块的水平间距保持 113px,以维持悬浮于空中的视觉感受
  • 星座图案的色彩饱和度保持在 3% — 绝不允许提升不透明度,必须读作背景氛围
  • 仅在深色区块之间使用全铺摄影,绝不与文字同平面出现

建议避免

  • 不要引入第二个强调色——整个品牌调性是单一的品红对单色的表达
  • 任何元素均不添加阴影;深度仅来自表面明暗层级的差异
  • 不要使用 Poppins 400 用于标题或 Muli 400 用于展示——字重角色是固定的
  • 不要为‘移动端友好’而缩减 110px 首屏尺寸,除非有明确的字体尺寸重置覆盖
  • 不要为卡片、图片或输入框添加边框圆角——只有按钮和标签获得 100px 胶囊圆角
  • 不要将 #ed1672 用于正文或小标签——会破坏对比度(4.4:1),且粉色必须保持大尺寸或装饰性
  • 不要在同一屏上叠加多个饱和元素——深色画布是品牌本体,保持 97% 无彩色