OpenDesign·你的设计资产库

网页参考

Flyhyer

一个利用极致留白和微妙字体来传达高端定位的奢华旅行平台。

EditorialCleanRestraintPremium

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

01

设计气质 DNA

奢华旅行极简主义优雅留白

一个以留白为主要媒介的高端画廊。

02

色彩

#000000Ink
#FFFFFFBG
#C0C0C0Muted
rgba(0,0,0,0.1)Line

严格的无彩色系,高度强调负空间。

03

字体

humanist-sans

  • display56px · 400

04

间距

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

灵活,基于极致的padding和margin。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

1px solid rgba(0,0,0,0.1)

0 4px 20px rgba(0,0,0,0.08)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

极度开放的、非对称布局,拥有大量空白区域。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

微妙的淡入

微妙的颜色或背景变化。 · 即时视觉反馈。

08

组件

  • button 药丸形,填充式(确认)或描边式(设置),具有高对比度。
  • card 带有微妙边框和浅色阴影,包含信息性文本。
  • hero 极简主义,以字体为中心,带有巨大的留白。

09

文案语气与禁用清单

  • 语气 精致、沉稳、内敛。
  • 标题风格 大号、轻量级字体,定位以实现最大视觉冲击。
  • 按钮文案 极简主义,使用高对比度的药丸形按钮。
  • 不要用内容填满屏幕——截图显示了巨大的负空间。
  • 不要使用高饱和度的颜色——截图显示了无彩色调。
  • 不要使用粗重的字重——截图显示了轻量级的展示文字。
  • 不要添加复杂的装饰性元素——截图显示了纯粹的几何克制。
  • 不要让界面显得拥挤——截图显示了元素之间充裕的间距。
  • 不要使用激进的行动号召——截图显示了微妙的药丸形按钮。
  • 避免: 杂乱的布局
  • 避免: 鲜艳的颜色
  • 避免: 过于激进的行动号召
  • 避免: 视觉噪音

11

System Prompt

这是一个奢华旅行平台(Flyhyer),采用极致的极简主义和留白来传达高端、奢华的品牌形象。调色板严格采用无彩色系,主要使用纯白色(#FFFFFF)作为背景,黑色(#000000)作为主要文本,浅灰色(#C0C0C0)用于次要元素。字体采用简洁的humanist-sans,使用大号、轻量级的展示字体以营造冲击力。关键设计限制:绝不使用高饱和度的强调色,绝不让屏幕被密集内容填满,绝不使用粗重的字重。布局依赖于非对称构图和充裕的负空间来营造专属感和宁静感。按钮等组件采用极简主义设计,使用药丸形状和简洁的描边。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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