精選 · 開放 · 免費
Ka Ra Studio
一個為木工設計實踐打造的、克制且以排版為導向的作品集。
StudioPhotographicCurationRestraintClean
01
設計氣質 DNA
手工家具木質極簡工作室實踐
一場精心策展的客製木製物件畫廊展覽。
02
色彩
#674A1DInk
#FFFFFFBG
rgba(103, 74, 29, 1)Line
以溫潤白色與深邃木質棕色墨水為主導的雙色調色盤。
03
字型
transitional-serif
- display
34px · 400 - body
15px · 400
主要字體 'A B C Laica' 僅用於所有文字元素。 · 所有文字保持統一的 400 字重。 · 文字顏色嚴格限定為白色背景上的溫潤木質棕色。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬裕的內距與外距創造出平靜、從容的瀏覽體驗。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
邊框使用主要墨水顏色，偶爾搭配細微的灰色用於非啟用狀態。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
單欄垂直滾動佈局，具備寬裕的留白與置中對齊的文字。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
互動元素在懸停時的細微透明度過渡。
文字連結的透明度降低，以指示互動性。 · 標準瀏覽器導覽。
08
組件
- button 以括號包裹的文字連結，依賴游標變化與透明度過渡進行互動。
- card 大型、無邊框的圖片卡片，下方配有置中對齊的文字描述。
- hero 以文字為主的介紹區塊，後接網格或單一大型圖片。
09
文案語氣與禁用清單
- 語氣 精緻、沉靜且自信。
- 標題風格 陳述式，常直接標明物件名稱與材質。
- 按鈕文案 內斂，使用括號框住如「檢視」或「資訊」等簡單行動。
- 請勿使用深色背景——畫面顯示為乾淨的白色背景。
- 請勿使用無襯線字體——畫面顯示為獨特的過渡襯線字體。
- 請勿使用亮色強調色——畫面使用單色棕色墨水色盤。
- 請勿使用厚重的陰影效果——畫面顯示為完全扁平的表面處理。
- 請勿使用複雜的多欄網格——畫面顯示為簡單、置中的垂直流程。
- 請勿使用粗體字重——畫面顯示所有文字均採用統一的 400 字重。
- 避免: 行銷術語
- 避免: 誇張的行動呼籲
- 避免: 過度裝飾
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
將其定位為一個精緻、極簡的設計工作室作品集。關鍵色彩為溫潤白色背景與木質棕色墨水。字體排印僅使用過渡襯線字體，且僅採用單一字重。關鍵禁忌：請勿引入深色模式或黑色背景，請勿使用無襯線字體，並請勿為元件添加裝飾性陰影。保持互動內斂，依賴透明度變化與寬裕的留白。
en · zh-CN · zh-TW · ja · ko