精選 · 開放 · 免費
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 秒過渡的細微顏色變化 · 標準的 pointer 游標
08
組件
- button 純文字互動元素,使用簡單的 pointer 游標
- 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」縮寫。重要禁忌:絕不引入色彩強調、絕不使用圓角、絕不將內容置中、絕不為區塊添加背景色。設計優先考慮攝影內容與呼吸空間,而非介面密度。
en · zh-CN · zh-TW · ja · ko