01
设计气质 DNA
数字住房开发平台nabr
一个高端建筑设计工作室展示概念。
02
色彩
#333333Ink#F4F1EEBG#8A8078Mutedrgba(0,0,0,0.05)Line温暖的中性基调,搭配微妙的金色点缀和柔和的大地色调。
03
字体
- display
40px · 300 - body
14px · 400
展示文本使用浅字重 · 展示文本与正文字重形成高对比
04
间距
4px8px16px24px32px48px64px96px充裕的垂直间距突出了极简布局和 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 建筑插图以及充裕的留白。关键注意事项:避免深色模式、粗重字体、高饱和度点缀色和拥挤的布局。整体感觉是宁静、富有建筑感且高度精致的。