Ameba

午夜控制室:磨砂玻璃面板内部的电光蓝脉搏。
Ameba是供应链智能的夜间指挥中心,深午夜藏青画布承载发光数据可视化与浮动产品卡片,唯一电光蓝(#0428cb)成为原本冷静精确色板中唯一温暖的元素。排版具有鲜明编辑式气质,人文主义F37 Bolton以300字重和紧字间距(54px+时为-0.019em)呈现超大标题,让产品文案也有杂志封面的节拍,而非典型SaaS密度。界面存在两种语调:深色首屏与功能色带像任务控制中心,浅色产品展示带则揭示实际仪表盘。表面平坦极简,没有浓重阴影或UI装饰渐变,但唯一放射渐变和中心粒子球周围的辉光环增添氛围深度。视觉标志是克制与精确相遇:小圆角(4-8px)、极细边框,以及少量到像电流划过屏幕的青色强调(#34fcff)。
查看原始网站使用规范
建议采用
- 所有首屏、功能与氛围区块使用Midnight Ink(#00052e)画布,深色舞台使Signal Blue像电能。
- Signal Blue(#0428cb)仅用于唯一填充CTA、激活时间线条和粒子可视化;若每屏出现在超过三种元素类型上,它会失去权威。
- 所有展示标题采用F37 Bolton 300与负字间距(54px+时为-0.019em),轻如低语的字重配紧间距是品牌排版标志。
- 所有卡片和按钮采用8px圆角,标签和图片4px;适度圆角是刻意选择,绝不改为12px或更高。
- 所有数据、状态或系统元信息采用IBM Plex Mono和0.077–0.091em字间距,疏开的等宽字体是机器可读信息的视觉语言。
- 产品表面保持白色(#ffffff)与1px #dbdcdf极细线;产品UI应像插入深色氛围外壳的干净文档。
- 深色首屏搭配唯一放射渐变(#06105a → #00052e),以焦点元素背后为中心,无需添加UI装饰即可创造深度。
建议避免
- 不要为卡片或面板添加投影;系统用极细边框和放射背景辉光进行分隔,绝不使用高度效果。
- Arc Cyan(#34fcff)不要用于文字、按钮或边框,它只营造氛围,仅用于粒子辉光,没有其他用途。
- Open Sauce Sans正文不要低于14px,IBM Plex Mono正文不要低于11px,系统重视可读性胜过密度。
- 不要用暖色相红、橙、黄建立品牌识别;色板严格冷色(藏青、蓝、紫罗兰),暖色会破坏信号。
- 圆角不要超过8px,胶囊按钮和大圆角会削弱精确工业感。
- 深色背景上的卡片不要用半透明白色填充;浮动卡片使用纯#00052与极细边框,而非玻璃拟态。
- UI元素不要采用渐变填充,渐变仅用于首屏氛围和区块过渡,绝不用于按钮、卡片或文字。