H
HuggingPT

装饰艺术扇纹 · 高端剧院演出与订票

金线描边、扇形与阶梯纹样、对称中轴、细金色分隔线。高对比衬线标题,字距极宽的全大写副标题。适用于高端剧院演出与订票。

风格:装饰艺术扇纹#装饰艺术扇纹 #symmetric-hero #luxury-pink #深色

UI预览效果

在新窗口打开

风格内容

## 装饰艺术扇纹

### 设计定位
高端剧院演出与订票。整套界面的视觉气质由材质语言与排版节奏决定,不依赖插图或摄影素材。

### 色彩系统
背景 #0e0b14、容器 #171126、主文字 #f4e7c3、次文字 #a08e6a、强调 #c9a227、辅助 #6b5f47。本风格提供深浅两套主题,深色为主调。强调色只用于关键动作与状态,占比控制在版面 10% 以内,避免削弱主色调的表达。

### 字体策略
高对比衬线标题,字距极宽的全大写副标题。中文正文行高不低于 1.7,标题与正文的字号差建立明确的层级落差;数字统一使用等宽或 tabular-nums,保证纵向对齐。

### 材质与边界
金线描边、扇形与阶梯纹样、对称中轴、细金色分隔线。圆角语言:拱形顶部(上圆下方)——这一项在本风格中不可随意更改,它与材质共同定义了界面的"手感"。

### 布局原型
采用 symmetric-hero 结构。信息密度与留白节奏服务于「高端剧院演出与订票」这一具体场景,不做通用模板式的等分栅格。

### 交互与动效
过渡时长 150~300ms,只对 transform 与 opacity 做动画以避免重排;悬停反馈幅度克制(缩放不超过 1.05);尊重 prefers-reduced-motion,用户关闭动效时全部静态呈现。

### 可访问性要求
正文与背景对比度不低于 4.5:1,大字号不低于 3:1;所有可交互元素触摸区域不小于 44×44px,键盘可依次聚焦且有可见焦点样式;宽内容(表格、代码块)在自身容器内横向滚动,页面主体不出现横向滚动条。

### 适用与不适用
适用于高端剧院演出与订票这类需要鲜明视觉识别的产品。不适用于需要长时间阅读的高信息密度后台——本风格的材质表达会与密集数据争夺注意力。

使用统计

★ 0.0 · 0 次使用