INDUSTRIAL /
BRUTALIST
工程控制台·数据密集 dashboard·dev 工具·军用 / 工业 UI·**等宽字 + sharp 边 + 高对比 + 信息密度上限**。让"读数据"比"看美图"快 3 倍。
CPU.LOAD78.4%▁▂▃▅▇▆▅▆█▇▆▅
MEM.USAGE12.4G / 64G▂▃▃▄▄▄▄▄▅▅
NET.IN↓ 180 Mb/s
NET.OUT↑ 42 Mb/s
DISK.IO⚠ 89% saturation
PROC.ACTIVE247
$ SCAN0xff32a1b8 ... OK
C Style DNA · who / who-not / what
FIT / UNFIT / KEYWORDS
FIT
- 工程控制台 / dev 工具
- 数据密集 dashboard
- 军工 / 工业控制 UI
- CLI / terminal 仿真
- 监控 / 告警系统
UNFIT
- 面向消费者的产品页
- 童趣 / Gen Z 应用
- 编辑型长文 / 媒体
- 柔和品牌 / 高奢
KEYWORDS
MONOSHARPDENSEYELLOWHIGH-CONTRASTNO-RADIUSTERMINAL
D Craft Details · 4 disciplines
THE 4 DISCIPLINES
PALETTE
深色基 + 警告黄高对比·军绿做 secondary·红做 alert·绿做 data ok·**禁渐变 / 禁柔和色**。
#0A0A0A
#1A1A1A
#444444
#F0F0F0
#FFEA00
#6B7D3F
#CC0000
#4ADE80
TYPOGRAPHY
**全等宽字**·heading / body / data 都 mono·font-feature-settings "calt" 0 关 ligature·让数据对齐。
DISPLAY
JetBrains Mono 700
used in: hero / heading / button
BODY
JetBrains Mono 400 · for body / data
14px · line-height 1.55
LABEL
METADATA · LETTER-SPACING 0.15EM
always uppercase · tracked
SPACING
**密集是底色**·相邻 row gap 2-4px·section gap 32-64px·让"信息密度"自己变美。
- 4inline gap
- 12row gap
- 24block gap
- 64section gap
VISUAL FEATURES
硬边·1-2px border·ASCII 装饰·sparkline·status dot·blinking warn·**让 UI 看起来像 80s 战机仪表盘**。
- 01border-radius 0 · 全 sharp 边
- 021-2px solid border · 高对比
- 03ASCII frame · > / [ ] / ─ │
- 04sparkline + status dot
- 05blinking warning (CSS animation)
- 06subtle CRT scanline overlay
E How to talk to CC · 3 phrases
INPUT / COMMANDS
[STD]
按 industrial-brutalist 风格做这个 dashboard / 监控面板 / dev 工具
[VAR]
走 industrial-brutalist + 数据密度再高 / accent 换军绿 / 加 CRT 噪点
[MIX]
主框 industrial-brutalist 数据区 + 局部 ppvi-elegant 配置卡
CC RECEIVES STYLE ID ·
auto-loads
frontend-design + industrial-brutalist-ui skill·按 4 件 craft 实现·**绝不冒出 Inter / 圆角 / 玻璃 / 渐变文字 / pastel**·这些是 industrial-brutalist 的 STRICT DON'T。
F Components · 3 artifacts
BUTTON / CARD / HERO
BUTTON
CARD
REVENUE · MTD
$847,392
▁▂▃▅▇▆▅▆█▇ +12.4%
HERO
RUN.
FAST.
FAST.
SYSTEM v2.4 · ONLINE
G Related Skills
COMPOSABLE WITH
I Similar styles · 看完也许你还想看
RELATED / PATTERNS
REVENUE / MTD
$847,392
DARK_DASHBOARD
dark-dashboard
同为tool / dark / 高密度·区别·Linear / Vercel 风发光数据 vs terminal mono 等宽
BOLD
NEO_BRUTALISM
neo-brutalism
同为bold / sharp / 高对比·区别·扁平 + 硬阴影 + 撞色 vs 黑底 + 黄字 + ASCII
TYPE / 01
26°
SWISS_INT
swiss-international
同为tool / 系统化 / 严谨·区别·几何 sans + 严格网格 vs mono + terminal frame