精选 · 开放 · 免费
Ueno
一个极简主义、高端的战略设计与创新工作室。
agencyproduct
01
设计气质 DNA
战略设计创新工作室设计机构高端
一家高端建筑事务所的网站。
02
色彩
#000000Ink
#BBBBBBInk soft
#FFFFFFBG
#F5F5F5BG soft
rgba(0,0,0,0.1)Line
高对比度单色方案，搭配策略性摄影。
03
字体
transitional-serif · humanist-sans
- display
54px · 700 - body
20px · 700 - caption
16px · 700
标题使用字距紧凑的过渡衬线字体。 · 正文和界面文字使用粗体人文无衬线字体。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
慷慨的垂直内边距与各区块之间的间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
极简，通常为 1px 黑色或灰色实线分隔线。
无
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
大量慷慨的留白，清晰的排版层级。
07
动效与交互
250msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
内容加载时使用透明度渐隐。 · 入场动画使用变换位移。
交互元素上的微妙透明度变化。 · 标准的指针交互。
08
组件
- button 极简的文字链接，装饰极少。
- card 极简卡片，常依赖大尺寸图像。
- chip 不存在。
- input 当前视图中不存在。
- hero 大型、左对齐的衬线标题，置于全出血图像上方。
09
文案语气与禁用清单
- 语气 专业、自信且直接。
- 标题风格 对话式但具权威感的衬线标题。
- 按钮文案 低调的文字链接。
- 不要使用鲜艳的原色——截图显示的是严格的单色调色板。
- 不要使用圆角——截图显示的是尖锐、矩形元素。
- 不要使用装饰性花体字——截图显示的是用于展示的简洁过渡衬线字体。
- 不要将所有文本居中对齐——截图显示的是强烈的左对齐。
- 不要使用厚重的投影——截图显示的是扁平、表面化的设计。
- 不要使用低对比度文本——截图显示的是白底黑字的高对比度。
- 避免: 花哨技巧
- 避免: 过度装饰
- 避免: 醒目的色彩点缀
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
一个高端、极简主义的战略设计工作室网站。其设计 DNA 以高对比度的单色方案（十六进制代码 #000000 和 #FFFFFF）和一套精妙的排版系统为特征：展示标题使用过渡衬线字体，正文使用粗体人文无衬线字体。布局宽敞，依赖大量慷慨的留白和清晰的排版层级来传达自信与品质感。关键设计准则包括：不使用装饰性花体字或过度色彩点缀，多数内容保持严格的左对齐，并避免圆角或厚重投影以保持其简洁、编辑式的美学。网站的所有交互元素均使用流畅的 cubic-bezier 过渡。
en · zh-CN · zh-TW · ja · ko