精选 · 开放 · 免费
Palazzomonti
为文化中心打造的精致极简编辑布局,强调充足的留白与经典的字体排印。
EditorialPremiumCurationCleanCalm
01
设计气质 DNA
文化中心驻留项目艺术建筑极简主义
一个具有精致、克制美学的当代艺术画廊网站。
02
色彩
#226D7AAccent
#000000Ink
#FFFFFFBG
#B0E0E9BG soft
rgba(0,0,0,1)Line
基于高对比度的单色基底,搭配单一、沉稳的青色作为强调色。
03
字体
transitional-serif
- display
36px · 400 - body
20px · 400 - label
16px · 700
展示文本与正文均使用过渡衬线体。 · 保持充足的行高以确保可读性。 · 除标签外,避免使用粗体字重。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
采用宽裕的垂直间距,顶部和底部内边距较大
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 0px
pill · 999px
1px solid #000000
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
全宽分割布局,采用非对称列
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
所有元素均已启用过渡效果
细微的颜色过渡 · 无明显的点击状态
08
组件
- button 胶囊形轮廓按钮,文字使用大写。
- card 未使用卡片组件。
- chip 未使用标签组件。
- input 未使用输入组件。
- hero 极简的文本英雄区域,采用高对比度排版。
09
文案语气与禁用清单
- 语气 正式、描述性且克制
- 标题风格 采用衬线字体的简短、陈述性句子
- 按钮文案 大写、胶囊形轮廓按钮
- 不要使用无衬线字体 — 截图显示为过渡衬线体排版。
- 不要使用明亮、饱和的颜色 — 截图显示为柔和的青色强调色 (#226D7A)。
- 不要使用圆角 — 截图显示按钮为直角边缘。
- 不要使用投影 — 截图显示为扁平化表面。
- 不要使用深色模式 — 截图显示为明亮的白色背景。
- 不要使用复杂布局 — 截图显示为宽敞的单列文本流。
- 避免: 俏皮的语气
- 避免: 过多的标点符号
- 避免: 视觉杂乱
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
定位:一个为文化中心设计的、精致的极简编辑类网站。主要颜色:#FFFFFF 背景,#000000 墨色,#226D7A 强调色。字体类别:展示文本与正文均使用过渡衬线体。关键禁忌:不要使用无衬线字体,不要使用明亮饱和的颜色,不要使用投影。该设计依靠充足的留白与经典的字体排印来传达一种宁静与文化权威感。
en · zh-CN · zh-TW · ja · ko