SuperAPI AI 工具集

industrial-brutalist-ui

设计与创作

查看项目

更新于 10-16 09:28

技能介绍

用途:用于构建工业粗野主义与战术遥测风格的网页界面,将中世纪瑞士排版、工业制造手册与复古未来军航终端美学结合,舍弃常规消费级 UI 模式,追求原始功能感与高数据密度。

主要能力:提供两种视觉原型,每个项目只能择一——瑞士工业印刷(浅色、重无衬线大字、可见分割线、航空红点缀)或战术遥测与 CRT 终端(仅深色、等宽字体、高密度表格数据、荧光与扫描线)。排版分为宏观结构标题(超大字号、紧字距、压缩行高、全大写)与微缩数据文本(等宽、小号、宽字距、全大写),高对比衬线字体仅极少量用于肌理对比。配色强制单一基底,禁用渐变、柔和阴影与现代半透明;浅色用 #F4F4F0/#EAE8E3 底、#050505–#111111 字,深色用 #0A0A0A/#121212 底、#EAEAEA 字,唯一强调色为 #E61919 或 #FF2A2A,终端绿 #4AF626 仅限单个特定元素。

使用方式:以 CSS Grid 严格布局,元素锚定到网格轨道而非浮动,用实心边框和横线划分区域,禁止 border-radius(全为 90 度直角)。用 ASCII 字符(如 [ ]、< >、>>>、///)和注册符号作结构装饰,并可用 CSS/SVG 实现半调网点、CRT 扫描线、机械噪点等模拟模拟退化效果。工程上可用 display: grid; gap: 1px; 配合对比色生成极细分割线,用语义标签(<data>、<samp>、<kbd>、<output>、<dl>)构建 DOM,宏观排版使用 CSS clamp()。

适用场景:需要机械感、工业感或军事终端氛围的展示型界面。

限制:每个项目只能选一种明暗基底,禁止混合;两种视觉原型不得交替使用;资料未提供具体安装命令、依赖或代码库,也未说明平台、收费与性能数据。