OpenDesign·你的设计资产库

网页参考

Nabr

一个简洁、精致的数字住房开发平台门户。

CleanPremium3DStudioCalm

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

01

设计气质 DNA

数字住房开发平台nabr

一个高端建筑设计工作室展示概念。

02

色彩

#333333Ink
#F4F1EEBG
#8A8078Muted
rgba(0,0,0,0.05)Line

温暖的中性基调,搭配微妙的金色点缀和柔和的大地色调。

03

字体

humanist-sans

  • display40px · 300
  • body14px · 400

展示文本使用浅字重 · 展示文本与正文字重形成高对比

04

间距

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

充裕的垂直间距突出了极简布局和 3D 元素。

05

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

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

无可见结构性边框;依赖间距和微妙的色彩变化。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

非对称分屏布局,左侧为大面积留白,右侧为带边框的 3D 插图。

07

动效与交互

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

预期为最小化悬停状态;专注于静态呈现。 · 标准链接交互。

08

组件

  • hero 一个浅灰色背景的分屏 hero 区域,左侧为显眼标题,右侧为带边框的 3D 建筑插图。

09

文案语气与禁用清单

  • 语气 专业、现代且富有建筑感。
  • 标题风格 轻盈、优雅且略带紧凑。
  • 按钮文案 简洁的文本链接。
  • 不要使用深色背景 — 截图显示的是浅暖灰色 (#F4F1EE) 基础。
  • 不要使用粗重、厚重的字体 — 标题使用的是非常浅的字重 (300) humanist sans。
  • 不要使用高饱和度的点缀色 — 配色依赖于柔和的金色、灰色和温暖的中性色。
  • 不要用元素挤满布局 — 设计采用了大量的留白。
  • 不要为 UI 元素使用生硬的尖角 — 插图采用柔和、圆润的建筑形态。
  • 不要为文本使用复杂的多列网格 — 文本以简单的单列对齐方式呈现。
  • 避免: 激进的销售语言
  • 避免: 视觉杂乱
  • 避免: 明亮的霓虹色

11

System Prompt

一个高端、极简的 SaaS 落地页,用于数字住房开发平台。设计采用温暖的浅灰色 (#F4F1EE) 背景和深灰色 (#333333) 文本。字体为浅字重的 humanist 无衬线字体。关键元素包括分屏布局、右侧的 3D 建筑插图以及充裕的留白。关键注意事项:避免深色模式、粗重字体、高饱和度点缀色和拥挤的布局。整体感觉是宁静、富有建筑感且高度精致的。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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