OpenDesign·你的设计资产库

网页参考

Y N10

绝对克制的诠释,以暗色空间与字体排印定义高端定位。

PremiumEditorialMinimalDark ModeGeometric

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

01

设计气质 DNA

奢华极简主义精致内敛家族办公室威望

光线昏暗的VIP休息室入口,低调却充满存在感。

02

色彩

#FFFFFFInk
#121212BG
#666666Muted
rgba(255, 255, 255, 0)Line

采用纯黑与纯白的高对比单色配色,建立永恒奢华感与极致专注度。

03

字体

geometric-sans

  • display48px · 500
  • body16px · 400

字体排印是广阔暗色空间中的主要视觉锚点。 · 大标题文字采用紧凑字距,形成密度高、建筑感的文字块。 · 层级仅通过字号与字重建立,不依赖色彩变化。

04

间距

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

高度不对称的布局,通过充裕负空间提升内容重要性。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 0px

无可见边框或圆角;元素依赖纯色填充与纯粹几何形态。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

完全开放的暗色场域,内容精准锚定于左下角与中右侧。

07

动效与交互

200msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

页面加载时细微淡入,呈现文字元素。 · 按钮的克制悬停状态。

按钮元素背景色的细微变化。 · 从入门闸门过渡至主网站内容。

08

组件

  • button 实心矩形深灰色按钮,白色文字配方向箭头图标;直角。
  • card 当前视图不适用。
  • chip 当前视图不适用。
  • input 当前视图不适用。
  • hero 极简入门屏幕,作为主网站的守门者。

09

文案语气与禁用清单

  • 语气 精致、沉静、权威、排他。
  • 标题风格 大型、堆叠的几何无衬线字体,紧凑字距,呈现整体感。
  • 按钮文案 直接、实用,视觉上突出但不张扬。
  • 勿使用明亮或饱和的强调色——截图显示严格的单色配色。
  • 勿使用圆角或柔和形状——截图显示锐利的90度几何形态。
  • 勿用多个区块使UI杂乱——截图显示极致负空间。
  • 勿使用装饰性衬线或手写字体——截图显示简洁的几何无衬线字体。
  • 勿添加投影或复杂表面处理——截图依赖纯色块。
  • 勿将主文字区块居中对齐——截图采用强烈的左对齐锚点。
  • 避免: 戏谑语言
  • 避免: 明亮或霓虹色彩
  • 避免: 圆角UI元素
  • 避免: 杂乱背景

11

System Prompt

你是一位高端超极简奢华家族办公室网站的UI设计师。定位排他且精致。使用深色模式配色(#121212背景,#F5F5F7文字,#666666弱化)。主要字体采用简洁的几何无衬线体。关键设计规则:1) 利用广阔负空间营造威望感。2) 所有元素保持锐利90度角,零边框圆角。3) 使用严格单色配色,避免明亮强调色。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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