精选 · 开放 · 免费
Exhibition Magazine
一个极简主义、图像优先的时尚与艺术编辑平台。
EditorialPhotographicTypographyCurationGallery
01
设计气质 DNA
编辑式时尚高端精心策划极简主义
一个感觉像高端印刷杂志的数字时尚展览空间。
02
色彩
#000000Ink
#A8A8A8BG
#999999Muted
rgba(0,0,0,0.1)Line
高对比度的黑白搭配中性灰背景,让摄影主导视觉。
03
字体
condensed-grotesque-sans · transitional-serif
- display
90px · 500 - heading
36px · 500 - body
16px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
垂直间距由大尺寸图像块和充裕的 padding 决定。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
极少或没有,仅在通讯订阅输入框上使用纤细的1px边框。
06
布局
1280container
4columns
24pxgutter
768 / 1024breakpoints
一个全宽、图像密集的布局,配有持久的顶部导航栏。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
内容切换和主视觉幻灯片使用缓慢、优雅的渐变效果。
导航链接上的细微透明度或颜色变化。 · 触发页面导航或模态窗口打开/关闭。
08
组件
- button 简约、大写,通常只是文字或带有白色文字的简单黑色背景。
- card 简单的垂直堆叠:一张大图,后跟一个粗体衬线标题和一个小描述。
- input 一个简单的单行文本框,带有纤细的黑色边框和居中的占位符文字。
- hero 一个全宽、无边框的摄影主视觉,上方覆盖着大型、半透明的报头文字。
09
文案语气与禁用清单
- 语气 权威、精致且低调。
- 标题风格 粗体、大写,通常使用紧凑的无衬线字体。
- 按钮文案 简约直接,通常只是一个加粗的简单方框中的单个词语。
- 不要使用装饰性阴影——截图显示的是干净、无投影效果的扁平图像块
- 不要使用圆角——截图显示所有卡片和按钮都是锐利的90度直角
- 不要使用彩色强调——截图显示的是严格的黑、白和中性灰调色板
- 不要使用俏皮或圆润的字体——截图显示的是锐利、高对比度的衬线和紧凑无衬线字体
- 不要让布局充斥着许多UI元素——截图显示的是以大尺寸摄影为主导的极简界面
- 不要使用复杂渐变——截图显示的是纯色中性背景和清晰的摄影图像
- 避免: 花哨的动画
- 避免: 装饰性边框
- 避免: 多种强调色
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Exhibition Magazine 是一个面向时尚、艺术和文化的高端数字编辑平台。其设计严格遵循极简主义和图像优先原则,使用中性灰色背景让高质量摄影作品主导视觉。排版在粗体、紧凑的无衬线标题与优雅的过渡衬线正文之间形成鲜明对比。关键十六进制颜色为 #000000(墨黑)和 #A8A8A8(背景灰)。布局是干净的全宽网格,UI干扰极少。关键约束:切勿添加圆角或装饰性阴影;不要使用多种强调色;避免使用俏皮或装饰性字体,以保持精致、高端时尚的美感。
en · zh-CN · zh-TW · ja · ko