精选 · 开放 · 免费
Public Image
面向创意指导机构的极简奢华作品集网站。
EditorialPhotographicStudioRefinementCuration
01
设计气质 DNA
奢华编辑式摄影时尚
一本高端时尚编辑杂志
02
色彩
#000000Ink
#ffffffBG
rgba(255,255,255,1.0)Line
高对比度单色方案,搭配大画幅摄影。
03
字体
transitional-serif
- display
120px · 400 - body
22px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
最小化内边距,元素周围留有充裕的留白空间。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框
06
布局
1920container
12columns
24pxgutter
768 / 1024breakpoints
全出血摄影背景,叠加文字内容
07
动效与交互
125msmicro
300mssmall
400msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
文字叠加层淡入效果
文字元素透明度变化 · 无可见变化
08
组件
09
文案语气与禁用清单
- 语气 权威、奢华、低调
- 标题风格 全大写、大尺寸衬线字体叠加文字
- 按钮文案 无可见行动号召
- 避免使用明亮的强调色——截图显示的是严格的黑白单色方案。
- 避免使用无衬线字体——截图显示使用的是意大利 Garamond 衬线字体。
- 避免使用复杂的UI组件——截图仅显示图片上的文字叠加层。
- 避免使用投影效果——截图显示文字和元素完全扁平化。
- 避免使用装饰性边框——截图显示无可见边框。
- 避免使用居中对齐文字——截图显示联系方式为左对齐。
- 避免: 彩色强调色
- 避免: 装饰性UI元素
- 避免: 复杂布局
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
一个面向专注于高端时尚品牌的创意指导机构的奢华编辑式作品集网站。设计完全依赖大画幅摄影,仅搭配简约的文字叠加层。关键色彩为严格的黑色(#000000)和白色(#ffffff),不使用任何强调色。排版仅使用过渡衬线字体(意大利 Garamond)。关键禁忌:避免彩色强调色,避免无衬线字体,避免复杂的UI组件。布局为全出血式,联系方式左对齐。此网站代表了奢华极简主义的巅峰,通过克制的运用和高质量的视觉内容传达尊贵感。
en · zh-CN · zh-TW · ja · ko