OpenDesign·你的设计资产库

网页参考

Spacelab

一个建筑工作室的极简主义、以摄影为主导的作品集。

StudioArchitectureCleanPortfolioPremium
Spacelab 网站截图

01

设计气质 DNA

建筑感探索性工作室空间极简

一个开放式的建筑工作室,光线、空间与结构真实感共同定义了环境。

02

色彩

#2C2222Ink
#B2B4B1Ink soft
#FFFFFFBG
rgba(255,255,255,0)Line

严格的单色方案,所有色彩均来自摄影。

03

字体

grotesque-sans

  • display62px · 400
  • heading30px · 400
  • body21px · 400

所有尺寸统一使用 400 字重 · 保持 1.05 至 1.2 的紧凑行高,以形成清晰的垂直韵律 · 使用轻微正向字距调整以增强清晰度

04

间距

4px
8px
16px
21px
32px
42px
84px

基于 4px 基线网格,显著使用 21px (1.5rem) 和 42px (3rem) 的增量。

05

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

sm · 4px
md · 0px
lg · 0px
pill · 999px

无可见边框;依赖间距与高对比度摄影。

06

布局

1280container
12columns
42pxgutter
768 / 1024breakpoints

非对称分割布局,左侧固定导航栏,右侧自适应内容区域。

07

动效与交互

250msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

UI 交互采用标准 0.4s 淡入淡出与色彩过渡

导航链接的微妙色彩变化(0.4s 过渡)。 · 标准链接导航。

08

组件

  • button 无边框、无背景的极简文本链接。
  • card 不使用传统卡片;内容以全出血建筑摄影形式呈现。
  • chip 无。
  • input 无。
  • hero 超大字体的宣言式标题,后接全宽主视觉图片。

09

文案语气与禁用清单

  • 语气 直接、自信且极简。
  • 标题风格 粗体、声明式,且在排版上占据主导。
  • 按钮文案 低调且功能性的文本链接。
  • 不要使用粗体字重 —— 截图显示所有文字均为常规 400 字重
  • 不要添加装饰性 UI 边框 —— 截图显示完全无边框的布局
  • 不要使用鲜艳的强调色 —— 截图严格依赖中性文本与摄影
  • 不要使用衬线字体 —— 截图使用清晰、统一的怪诞体无衬线字体
  • 不要创建僵化的网格布局 —— 截图显示带有明显左栏的分割布局
  • 不要对元素使用投影 —— 截图显示完全扁平、2D 的表面处理
  • 避免: 营销术语
  • 避免: 过于复杂的句子
  • 避免: 视觉杂乱或装饰性边框

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

一个建筑工作室的极简主义、以摄影为主导的作品集。定位:高端建筑工作室。主要十六进制颜色:#FFFFFF 背景,#2C2222 墨色,#B2B4B1 柔灰色。字体类别:怪诞体无衬线字体,统一 400 字重。关键禁忌:不要使用粗体字重;不要添加装饰性 UI 边框;不要使用鲜艳的强调色;不要使用衬线字体;不要使用投影。该设计优先考虑超大字体和全出血摄影,而非传统 UI 组件,营造出干净、宽敞的感受。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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