OpenDesign·你的设计资产库

网页参考

Miti Navi

一个为高端定制帆船制造商打造的、以摄影为核心的作品集网站。

PhotographicStudioCurationPremiumPortfolio

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

帆船高端航海奢华定制

一家高端造船厂,通过沉浸式摄影展示定制船舶。

02

色彩

#FFFFFFInk
#000000BG
rgba(0,0,0,0)Line

黑色背景用以框定高对比度、全出血式的摄影作品。

03

字体

geometric-sans

  • display48px · 500

字体排印保持极简,处于摄影内容的次要地位。 · 所有可见文本均采用简洁的几何无衬线字体。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

极简间距,留有大面积空白以引导注意力。

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)背景让高品质、全出血式的摄影图像主导体验。字体采用简洁、内敛的几何无衬线字体,运用极为克制。关键设计准则包括:严格保持高对比度、大尺寸影像;避免任何界面杂乱或不必要的装饰元素;并保留广阔的空白感。这种方法旨在传递独特性、高超工艺和高端的品牌定位。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。