01
设计气质 DNA
纪念精品款待优雅个人化
一张为深受喜爱的本地场所精心排版的真挚纪念卡。
02
色彩
#D63031Ink#F9ECEBBGrgba(0,0,0,0)Line温暖的单色调色板,运用柔和的粉色和单一的深红色,以唤起记忆与情感。
03
字体
- display
56px · 700 - body
20px · 500
所有文字元素使用高对比度衬线字体。 · 文字颜色保持深沉、温暖的红色,以匹配品牌识别。
04
间距
4px8px16px24px32px48px64px96px文字区块周围留有充足的空白,营造出尊重且透气的布局。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;依靠图像遮罩来定义形状。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
上重的文字区块,左侧为大标题,右侧为副文本,通过自定义曲线遮罩过渡到全宽摄影区域。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
加载时淡入
极少或没有可见的交互悬停状态。 · 不适用
08
组件
- hero 一个文字密集的首屏区域,具有独特的斜向曲线遮罩,过渡到下方全出血照片。
09
文案语气与禁用清单
- 语气 沉思、怀旧,且充满敬意。
- 标题风格 粗体、大尺度的衬线体事实陈述。
- 按钮文案 不适用(此纪念页面无行动号召)。
- 不要使用无衬线字体——截图显示的完全是过渡衬线排版。
- 不要使用浅蓝色或绿色点缀——截图显示仅使用深红色(#D63031)作为主要文字颜色。
- 不要添加繁复的网格布局——截图显示的是简单、聚焦的分割布局。
- 不要使用尖锐的矩形遮罩处理图像——截图显示的是柔和、自定义的斜向曲线遮罩。
- 不要使用俏皮或企业风格的图标——截图显示的只是一个简单的纯红色剪影标志。
- 不要使用纯白色背景——截图显示的是温暖的柔粉色(#F9ECEB)背景。
- 避免: 俏皮的语言
- 避免: 明亮的霓虹色点缀
- 避免: 密集的网格布局
- 避免: 复杂的导航
11
System Prompt
一个温暖、摄影风格的纪念网站,用于一家已关闭的雷克雅未克酒吧,在粗体排版与柔和、私密的摄影之间取得平衡。设计采用简单的双色调色板:温暖的米白色背景(#F9ECEB)和深沉、略微柔和的红色(#D63031)用于所有文字和标志元素。排版完全使用过渡衬线字体,既用于大型展示标题,也用于较小的说明文字,以保持一致、优雅的感觉。布局包含一个充裕的顶部文字区域,通过自定义斜向曲线遮罩过渡到全出血照片,营造出柔和、有机的感觉。关键禁忌:不要使用无衬线字体,不要引入额外的强调色,不要使用尖锐的矩形遮罩处理图像。