精选 · 开放 · 免费
Ncda Biz
一个高端室内设计工作室作品集,强调巨型字体与广阔留白。
StudioPhotographicPortfolioCleanRefined
01
设计气质 DNA
极简主义建筑风格精致室内设计
一个让艺术作品自行言说的静谧画廊空间
02
色彩
#191919Ink
#808080Ink soft
#FFFFFFBG
rgba(25, 25, 25, 0.1)Line
采用严格单色系调色板,让摄影与排版占据主导地位
03
字体
transitional-serif · neo-grotesque-sans · neo-grotesque-mono
- hero
280px · 400 - heading-lg
62px · 400 - body-lg
32px · 400 - body
21px · 400 - caption
11px · 400
章节标题使用大写字母 · 大号展示尺寸下保持极其紧凑的字间距 · 全文保持统一的400字重
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
不规则节奏,根据内容与呼吸空间需求而定
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框
06
布局
1920container
12columns
48pxgutter
768 / 1024breakpoints
无网格、高度不对称的布局,拥有广阔的留白空间
07
动效与交互
220msmicro
220mssmall
400msmedium
cubic-bezier(0.77, 0, 0.175, 1)easing
hover状态下的平滑透明度过渡 · 交互元素的颜色过渡
细微颜色变化,0.2秒过渡 · 标准指针光标
08
组件
- button 仅文本的交互元素,使用简单的指针光标
- 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 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个高端室内设计工作室作品集,采用白色(#FFFFFF)与近黑色(#191919)构成的严格单色系调色板,灰色(#808080)用于次要文本。字体结合了展示元素使用的过渡衬线体与正文使用的新怪诞无衬线体。布局特点是大量留白与巨型排版元素,如全幅的'NCDA'缩写。关键禁忌:绝不引入色彩强调,绝不使用圆角,绝不居中对齐内容,绝不为区块添加背景色。设计优先考虑摄影内容与呼吸空间,而非UI密度。
en · zh-CN · zh-TW · ja · ko