精选 · 开放 · 免费
Xxxi Studio
连接概念创新与技术执行的精致建筑实践。
StudioPremiumCleanArchitectureRefined
01
设计气质 DNA
建筑产品设计建造概念性技术性
一个高端建筑作品集，其中媒介（网站）镜像了工作室实体项目的精确性与原始材质感。
02
色彩
#000000Ink
#FFFFFFBG
#E5E7EBMuted
rgba(229, 231, 235, 1)Line
严格的单色配色，作为高质量建筑摄影的中性、无干扰框架。
03
字体
grotesque-sans
- display
28px · 400 - body
17px · 400
所有文字使用简洁的怪诞无衬线体，以保持现代、实用主义美学。 · 字重始终保持在400，避免视觉上的沉重感。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
版式基于严格的4px基础网格，辅以极小内边距，让全出血摄影占据视口主导地位。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
极度精简，仅在必要处使用1px实线（#E5E7EB）进行细微分隔。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血编辑网格，大幅摄影作为主要结构元素，叠加极简文字。
07
动效与交互
220msmicro
300mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
hover时平滑的透明度与颜色过渡，基于滚动的图像与文字细微显现。
平滑的颜色过渡，可能通过改变文字或背景色来指示可交互性。 · 标准指针光标指示可点击元素。
08
组件
- button 极简的文字按钮，可能依赖hover状态而非厚重的视觉样式。
- card 无传统卡片；内容以连续、基于滚动的叙事流呈现。
- chip 无。
- input 无。
- hero 全视口、沉浸式的建筑摄影，叠加引言文字。
09
文案语气与禁用清单
- 语气 专业、简洁且充满自信。
- 标题风格 直接而肯定，使用标准字重让摄影本身说话。
- 按钮文案 极简而克制，通常仅为文字链接或图标。
- 勿使用鲜艳的强调色——截图显示为严格单色配色方案。
- 勿添加厚重的投影或辉光——截图显示为完全扁平、无装饰的元素。
- 勿使用装饰性、手写或花体字体——截图仅使用简洁的标准怪诞无衬线体。
- 勿使用粗边框或大圆角——截图显示为锐利、极简的线条。
- 勿为标题使用粗重字重——截图保持一致、标准的字体粗细。
- 勿添加不必要的内边距或外边距，以免破坏全出血摄影的冲击力。
- 避免: 过度热情的语言
- 避免: 视觉杂乱
- 避免: 装饰性元素
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个专注于原始工业材料与极简执行的高端建筑工作室作品集。设计极度依赖纯白（#FFFFFF）与纯黑（#000000）的单色配色方案，使用单一怪诞无衬线字体家族，字重统一为400。关键限制包括避免任何鲜艳的强调色、省略厚重的阴影或圆角，以及拒绝使用装饰性字体。版式完全由全出血、高质量摄影驱动，仅叠加极简文字。交互极为细腻，依赖平滑的0.3秒过渡。这种克制确保设计永远不会与工作室的建筑作品相竞争。
en · zh-CN · zh-TW · ja · ko