SuperAPI AI 工具集

industrial-brutalist-ui

通用与其它

查看项目

更新于 10-16 08:36

技能介绍

用途:该技能用于构建融合上世纪中期瑞士排版设计、工业制造手册与复古未来航天/军事终端风格的网页界面,追求原始功能性、机械精度与高数据密度,刻意抛弃常规消费级 UI 模式。

主要能力与规范: 视觉原型二选一,不可混用:瑞士工业印刷(浅色报纸底色、厚重无衬线、可见分隔线、红色强调)或战术遥测/CRT 终端(仅深色、等宽字体、高密度表格、ASCII 框架、磷光与扫描线)。 排版:宏观标题用超粗无衬线(如 Neue Haas Grotesk、Inter、Archivo Black 等),clamp() 缩放、负字距、压缩行高、全大写;微观数据用等宽字体(JetBrains Mono 等),10–14px、宽字距、全大写。衬线字体仅少量并做半色调/1 位抖动处理。 配色:每项目仅选一种基底。浅色用 #F4F4F0/#EAE8E3 底、#050505–#111111 前景、#E61919/#FF2A2A 航空红为唯一强调色;深色用 #0A0A0A/#121212 底、#EAEAEA 前景、同款红。终端绿仅可用于单一特定元素。禁止渐变、柔和阴影与透明。 布局:严格 CSS Grid、可见实线分隔、双模密度(密集数据与大量留白)、圆角必须为 0。 组件:ASCII 框架、注册/版权/商标符号作结构元素、十字准星、条形码、随机数据串(如 REV 2.6、UNIT / D-01)。 效果:半色调与 1 位抖动、CRT 扫描线(如 repeating-linear-gradient 重复渐变)、全局低透明度 SVG 噪点。 实现要点:用 display: grid; gap: 1px; 配对比色生成极细分隔线;使用语义标签 data、samp、kbd、output、dl;宏观字体用 clamp()。

适用场景:需要工业、军事、机械或数据终端风格的高密度信息界面。限制:不适用常规消费级产品视觉;官方文档未提供具体安装命令、收费信息或使用步骤,相关内容暂未提供。