SuperAPI AI 工具集

brutalist-industrial

设计与创作

查看项目

更新于 10-18 16:13

技能介绍

brutalist-industrial 是一个设计风格包(genre pack),其核心身份被描述为“一份你尚未获得许可查看的机器的解密蓝图”。它通过一套固定的视觉规则来营造原始机械界面感,融合了瑞士字体印刷与军事/工业终端美学。

用途:该风格包用于指导界面设计,强调刚性可见的网格、极端的字体尺度对比、单色信号系统以及机械式的交互反馈。它不提供代码或组件,而是一份设计规范。

主要能力:

  1. 调色板固定:底色为做旧纸张色 #F2F1EC,深色变体 #1B1B18;墨水色 #141414;信号色仅限一种(安全橙 #E8540B、工业黄 #E3B23C 或技术蓝 #2B5FA8),选定后不可更改;元数据辅助色 #6E6C64;边框/分隔线为 #141414 全不透明 1px。禁止渐变、阴影、发光,深度通过偏移实色块和线条实现。
  2. 字体固定:展示字体使用重型无衬线体(Archivo、Archivo Black 或 Arial Black 回退),字重 700–900,全大写,紧字距(−0.01em),巨大尺度 clamp(2.6rem, 7vw, 6rem)。正文同字体家族 400 字重,15–17px,行高 1.5–1.6。标签/元数据使用等宽字体(IBM Plex Mono 或 ui-monospace),全大写,字距 0.08–0.12em,10–12px。禁止斜体、衬线体、品牌用小写(除非刻意设计阅读例外)。
  3. 构图固定:可见网格纪律——细线(1px 实色墨水)贯穿始终,作为分节、分栏、表格行的分隔;网格即设计。页眉块:左对齐文字标识 + 右侧等宽坐标(如“N-01 / REV 3”),上下 1px 线封闭报头。首屏:巨型压缩全大写标题横跨全宽,等宽字体踢球线带信号色标记(▪ 或 ▸),正文右对齐在 5/12 栏,底部退出行:等宽小字 + 信号色 CTA 框。数据作为结构:功能/定价渲染为带索引的表格或账本行,带分隔线,绝不使用圆角卡片;若用卡片则方形、1px 墨水边框、无阴影;选中/特色行用信号色填充(#E8540B 配墨水文字)。按钮:矩形,1–2px 墨水边框,硬偏移阴影 4px 4px 0 墨水(或信号色),按下时移除偏移。
  4. 内容处理:禁止表情符号;除排版标记(▪、▸、■、→)和绘制的方形/十字字形外无图标。数字即装饰:每个区块有等宽索引号;指标以等宽列排版如仪表盘。默认无摄影;仅当阅读需要时使用全出血半调/灰度图像,带 1px 墨水边框。CTA:一个实心 CTA(信号色填充或墨水填充)加一个纯等宽文本链接,绝不两个同等按钮。
  5. 动效:机械式而非美观——即时或 80–150ms 快速响应;悬停反色(墨水→底色),1px 边框翻转为信号色;无浮动、无摇晃、无视差。唯一允许的入场:区块通过裁剪/上移 8px、150ms 显现。
  6. 检查清单(若出现以下情况则页面不合格):主要表面圆角超过 2px;任何渐变、发光、投影或模糊;使用超过一种信号色;任何表情符号或异想天开的图标;展示字体非全大写或非重型;标签位置出现斜体或衬线;网格不可见(无线条、无对齐证据);出现标准圆角三卡片行。

使用方式:该资料为设计规范文档,用户需自行将其规则应用于界面设计与实现。

适用场景:需要呈现原始机械感、军事/工业终端质感的网页、应用或品牌视觉设计。

限制:规范为固定约束,灵活性低;不提供实现代码或组件;是否适合具体项目需根据需求判断。