夸张极简Exaggerated Minimalism
只留超大字号与巨量留白,单一强调色,字距收紧到 -0.05em。气场强,但信息承载量极低,必须依附强内容。
典型场景作品集 · 高端品牌 · 概念发布
编号47
年代2020s Modern
复杂度Low
默认模式自动
效果示例
Nova
产品方案定价
开始使用
Design System
同一套组件
不同的性格
色彩、字体、圆角与材质,决定了界面的气质。
主要操作次要操作
标签 A标签 B+12
月度增长
+24.8%
转化率4.2%
客单价¥328
Aa Bb Cc 0123
按钮 / ButtonPrimaryGhost
输入 / Inputname@example.com
标签 / Chip已选中默认+8
进度 / Progress
开关 / Switch
数值 / Numeric1,284.50
同一副骨架,演示色彩、字体、圆角、描边、阴影与材质。明暗切换展示该风格在两种模式下的令牌表现。
风格描述
只留超大字号与巨量留白,单一强调色,字距收紧到 -0.05em。气场强,但信息承载量极低,必须依附强内容。
关键词
Bold minimalismoversized typographyhigh contrastnegative spaceloud minimalstatement design
效果与动效
font-size: clamp(3rem 10vw 12rem), font-weight: 900, letter-spacing: -0.05em, massive whitespace
设计系统变量
--type-giantclamp(3rem, 10vw, 12rem)--type-weight900--spacing-huge8rem--color-primary#000000--color-bg#FFFFFF--accentsingle color only配色方案
色值取自风格数据,不足时补充主题令牌主色 / Primary
#000000 (Black), #FFFFFF (White), single vibrant accent only
辅色 / Secondary
Minimal - single accent color, no secondary colors, extreme restraint
强调色在页面底色上的对比度约 3.6:1,适合大字与图形,正文需另配深色。
适用场景
适合 / Best For
- Fashion
- architecture
- portfolios
- agency landing pages
- luxury brands
- editorial
避开 / Do Not Use For
- E-commerce catalogs
- dashboards
- forms
- data-heavy
- elderly users
- complex apps
框架兼容
tailwindcustom
能力矩阵
浅色模式支持
深色模式支持
移动适配可适配
转化导向强High
渲染成本低无额外开销
无障碍风险低contrast-text-4.5 / keyboard / visible-focus / reduced-motion
实现要点
落地清单
- Typography oversized,
- White space extreme,
- Black/white dominant,
- Single accent only,
- Elements minimal,
- Statement clear
CSS / 技术关键词
font-size: clamp(3rem, 10vw, 12rem), font-weight: 900, letter-spacing: -0.05em, color: #000 or #FFF, padding: 8rem+, single accent, no decorations
下辖变体:海报式大字。
AI 提示词
Design with exaggerated minimalism. Use: oversized typography (clamp 3rem-12rem), extreme negative space, black/white primary, single accent color only, bold statements, minimal elements, dramatic contrast.