精选 · 开放 · 免费

Spacelab

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

01

设计气质 DNA

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

02

色彩

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

03

字体

grotesque-sans

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

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

04

间距

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

05

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

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

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

• 语气 直接、自信且极简。
• 标题风格 粗体、声明式，且在排版上占据主导。
• 按钮文案 低调且功能性的文本链接。

• 不要使用粗体字重 —— 截图显示所有文字均为常规 400 字重
• 不要添加装饰性 UI 边框 —— 截图显示完全无边框的布局
• 不要使用鲜艳的强调色 —— 截图严格依赖中性文本与摄影
• 不要使用衬线字体 —— 截图使用清晰、统一的怪诞体无衬线字体
• 不要创建僵化的网格布局 —— 截图显示带有明显左栏的分割布局
• 不要对元素使用投影 —— 截图显示完全扁平、2D 的表面处理
• 避免: 营销术语
• 避免: 过于复杂的句子
• 避免: 视觉杂乱或装饰性边框

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko