01
设计气质 DNA
帆船高端航海奢华定制
一家高端造船厂,通过沉浸式摄影展示定制船舶。
02
色彩
#FFFFFFInk#000000BGrgba(0,0,0,0)Line黑色背景用以框定高对比度、全出血式的摄影作品。
03
字体
- display
48px · 500
字体排印保持极简,处于摄影内容的次要地位。 · 所有可见文本均采用简洁的几何无衬线字体。
04
间距
4px8px16px24px32px48px64px96px极简间距,留有大面积空白以引导注意力。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血式影像,搭配醒目的黑色顶部栏,以及一个锚定于右边缘的垂直标签。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
由主视觉所暗示的静态图像。
极简的可见悬停状态。 · 极简的可见点击状态。
08
组件
- button 无可见按钮。
- card 无可见卡片。
- chip 无可见标签。
- input 无可见输入框。
- hero 一张全出血式的、高品质帆船照片占据整个视口。
09
文案语气与禁用清单
- 语气 高端、独特、自信。
- 标题风格 极简且内敛。
- 按钮文案 微妙而不突兀。
- 避免使用杂乱的布局——截图显示的是单一的主导性视觉图像。
- 避免使用明亮、饱和的背景色——截图显示的是纯黑色背景。
- 避免依赖复杂的字体层次结构——截图显示的是单一、极简的垂直标签。
- 避免包含杂乱的界面元素——截图显示的是一个干净、空旷的画布。
- 避免使用装饰性插图——截图完全依赖于摄影图像。
- 避免使用多个竞争的视觉元素——截图严格聚焦于船只本身。
- 避免: 喧闹的营销语言
- 避免: 杂乱的界面
- 避免: 明亮、冲突的色彩
11
System Prompt
这是一个为定制帆船制造商打造的、以摄影为核心的高端作品集网站。其设计DNA由极致简约定义,使用纯黑(#000000)背景让高品质、全出血式的摄影图像主导体验。字体采用简洁、内敛的几何无衬线字体,运用极为克制。关键设计准则包括:严格保持高对比度、大尺寸影像;避免任何界面杂乱或不必要的装饰元素;并保留广阔的空白感。这种方法旨在传递独特性、高超工艺和高端的品牌定位。