A · Style Detail
PPVI 克制优雅
B2B 高端 SaaS 工具型 UI·灰阶为基·玻璃拟态纵深·信息密度呼吸
MRR
$28,492
+12.4% vs 上月
Active Users
1,247
+5.8%
Churn Rate
2.1%
+0.3%
C 风格 DNA
适用场景
- B2B 高端 SaaS 产品
- 严肃工具型 UI
- 司空自家 / 内部产品
- dashboard / 配置面板
不适用
- 营销大字 landing
- 童趣 / Gen Z 应用
- 创意 demo / 实验
- 高饱和品牌
审美关键词
这是司空个人审美方向·非大厂标准（参考 apple-hig-product）。
克制
灰阶为基
玻璃拟态
严格层级
信息密度呼吸
D 工艺细节 4 件
调色板1 / 4
#fafafa
#f5f5f5
#eaeaea
#999999
#555555
#1a1a1a
glass
accent
OKLCH·tinted neutrals chroma 0.003-0.006·暗示蓝灰品牌
字体系统2 / 4
DISPLAY
克制优雅 Display
BODY
Body text 350·阅读舒适
MONO
JetBrains Mono · data
modular scale 5 档 · 1.25 ratio · 12 / 14 / 16 / 20 / 30 / 40 px
间距系统3 / 4
4pt 系统 · 大量留白 · 呼吸感 · 不每处一样
视觉特征4 / 4
- subtle glassmorphism·克制不滥用
- 1px border 灰阶·非黑色边
- soft shadow·OKLCH 偏蓝灰
- 无 neon·无渐变文字
- 严格 5 档字号层级
E 跟 CC 对话用语 核心交付物
标准
按 ppvi-elegant 风格做这个 dashboard / 配置页 / 数据卡片
叠加
走 ppvi-elegant + 信息密度更高一点 / 数据色多一点 / 玻璃感更明显
混合
主框 ppvi-elegant + 局部 industrial-brutalist 数据区
CC 收到这个 style ID 会自动·
加载
ppvi skill（审美方向）
+ frontend-design skill（工艺底座·OKLCH / 间距 / 字体）
·按本页 4 件工艺细节做实现·无需你逐条解释。
F 组件示例 实物可点
Button
Card
设计令牌系统
Hero
克制即设计
Less is more — but more refined