精選 · 開放 · 免費
Lironmoran Interiors
一個為商業室內設計工作室打造的、高端、高對比的數位作品集。
PremiumStudioCurationGalleryPhotographic
01
設計氣質 DNA
商業室內設計奢華極簡建築精緻
一個策劃好的高端室內設計項目展示廊
02
色彩
#EEEEEEInk
#F2F0EDInk soft
#000000BG
#050505BG quiet
#978F84Muted
rgba(238, 238, 238, 0.2)Line
高對比且嚴謹,依賴極端的黑與白來營造精緻、如美術館般的展示效果。
03
字型
didone-serif · humanist-sans
- display
185px · 400 - heading
92px · 400 - subheading
75px · 400 - body
13px · 400 - label
23px · 400
所有文字均嚴格使用大寫字母。 · 字體僅使用輕量級別(300/400)。 · Serif 字型僅保留給具表現力的展示用途;sans-serif 字型用於所有 UI 與標籤。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬敞且不對稱,使用極端的水平 padding(172px)來規劃聚焦的內容區域。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 22px
lg · 26px
pill · 999px
極簡的 1px 邊框與圓形外框(50% border-radius),用於載入指示器與圖示。
無
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
不對稱的分割式佈局與置中的圓形載入覆蓋層。
07
動效與互動
100msmicro
400mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
Opacity 與 transform 淡入淡出(0.4s-0.5s),用於平滑的頁面過渡與 UI 顯現。
細微的 opacity 或背景色過渡。 · 平滑的淡出過渡,用於關閉模態視窗。
08
組件
- button 膠囊形狀(rounded-full),搭配實心白色背景與黑色大寫文字,無邊框。
- card 置中的模態對話框,具有實心黑色背景、白色文字與大量圓角(border-radius: 26px)。
- chip N/A
- input N/A
- hero 全視域、深色背景畫面,配有細圓形載入指示器與大型、粗體的百分比計數器。
09
文案語氣與禁用清單
- 語氣 自信、獨特且高度精緻。
- 標題風格 極大的全大寫 serif 字體,搭配緊湊的字距與極簡的描述文字。
- 按鈕文案 簡潔、圓潤的膠囊按鈕,搭配簡單、直接的文字標籤。
- 不要使用小寫文字——截圖顯示所有文字均嚴格使用大寫字母。
- 不要使用明亮的強調色——色系嚴格保持單色(黑、白、柔和的灰色)。
- 不要使用粗體或厚重的字重——所有字體均使用極輕的重量(300/400)。
- 不要使用生硬的方塊陰影——設計依賴平面表面與高對比。
- 不要在顯眼的組件上使用尖銳的角落——按鈕與卡片採用柔和、圓潤的角落。
- 不要使用雜亂的網格——佈局寬敞,具有充裕的 padding 與不對稱的分割。
- 避免: 隨意的語言
- 避免: 雜亂的佈局
- 避免: 明亮的強調色
- 避免: 裝飾性圖示
- 避免: 密集的內文
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此網站是一個為商業室內 design 工作室打造的高端數位作品集,採用嚴格的單色、高對比美學。主要色系由純黑(#000000)與米白(#EEEEEE)組成,沒有任何高彩度的強調色。字體分為用於具表現力展示元素的優雅 didone-serif,以及用於所有 UI 標籤與導覽的輕量 humanist-sans-serif,所有文字均嚴格設定為大寫。佈局寬敞且不對稱,具有最高達 185px 的大型展示尺寸。關鍵設計禁忌:絕對不要使用小寫文字,絕對不要引入明亮的強調色,絕對不要使用粗體字重,並避免雜亂或密集的佈局。
en · zh-CN · zh-TW · ja · ko