OpenDesign·你的设计资产库

网页参考

Xxxi Studio

连接概念创新与技术执行的精致建筑实践。

StudioPremiumCleanArchitectureRefined
Xxxi Studio 网站截图

01

设计气质 DNA

建筑产品设计建造概念性技术性

一个高端建筑作品集,其中媒介(网站)镜像了工作室实体项目的精确性与原始材质感。

02

色彩

#000000Ink
#FFFFFFBG
#E5E7EBMuted
rgba(229, 231, 235, 1)Line

严格的单色配色,作为高质量建筑摄影的中性、无干扰框架。

03

字体

grotesque-sans

  • display28px · 400
  • body17px · 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

包内真实截图

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

11

System Prompt

这是一个专注于原始工业材料与极简执行的高端建筑工作室作品集。设计极度依赖纯白(#FFFFFF)与纯黑(#000000)的单色配色方案,使用单一怪诞无衬线字体家族,字重统一为400。关键限制包括避免任何鲜艳的强调色、省略厚重的阴影或圆角,以及拒绝使用装饰性字体。版式完全由全出血、高质量摄影驱动,仅叠加极简文字。交互极为细腻,依赖平滑的0.3秒过渡。这种克制确保设计永远不会与工作室的建筑作品相竞争。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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