← OpenDesign
精選 · 開放 · 免費
One Is
融合生成藝術、敘事空間與實體裝置的推測性創意平台。
Studio Gallery Photographic Experimental Refined
01
設計氣質 DNA
推測性 生成式 實體 敘事 高解析度
一座連結藝術、科技與敘事空間的數位實體工作室。
02
色彩
#000000Ink
#FBFBFABG
#BEC0C5Muted
rgba(190,192,197,1.0)Line
極簡主義畫布,搭配高對比墨色與單一中性柔和色調,用於低調的次要文字。
03
字型
grotesque-sans
display 24px · 500body 18px · 400主要文字採用 -0.24px 的緊湊字間距 · 標題與內文共享中等字重(500) · 特定標籤或按鈕套用全大寫變換
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬裕的垂直留白(32px 至 80px)創造出寬敞、可呼吸的版面。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
互動元素如按鈕採用 2px 實線邊框。
無可見陰影
06
版面
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
簡潔的頁首,左側放置標誌,右側放置行動呼籲,接著是全幅媒體或寬幅文字區塊。
07
動效與互動
125ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
互動元素採用細膩的透明度與變換過渡效果。
互動元素使用標準游標指標。 · 透過過渡效果提供即時視覺回饋。
08
組件
button 藥丸形狀的外框按鈕,搭配 2px 實線邊框。 card 媒體為主的卡片,搭配大型圖片與圓角。 hero 全視窗影片或高解析度攝影背景,搭配極簡的覆蓋文字。
09
文案語氣與禁用清單
語氣 推測性、抽象且富有詩意。 標題風格 採用重複的「ONE is [概念]」結構來建構品牌宣言。 按鈕文案 簡潔、功能性的單字行動呼籲(例如「聯絡」)。 不要使用多種強調色——截圖顯示為單色調色盤,白色背景搭配黑色文字。 不要使用裝飾性或手寫字體——截圖顯示為乾淨、現代的 grotesque 無襯線字體。 不要使用厚重的陰影效果——截圖顯示為平面、乾淨的表面,無可見陰影。 不要使用狹小、緊湊的容器——截圖顯示為極度寬敞、近乎空曠的版面。 不要使用傳統網格線或厚重邊框——截圖使用大量的白色空間作為主要分隔元素。 不要使用標準的企業行動呼籲——截圖使用極簡的「聯絡」按鈕。 避免: 企業術語 避免: 過度行銷用語 避免: 冗長的段落式說明
10
包內真實截圖
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 擷取自真實頁面 · 真 computed styles
11
System Prompt
One Is 是一個定位為連結藝術、科技與實體空間的推測性創意平台。設計採用極簡主義、藝廊風格的畫布,主導色調為鮮明的黑底白字(#000000 搭配 #FBFBFA),僅使用單一中性柔和色調(#BEC0C5)處理低調的清單項目。字體採用乾淨的 grotesque 無襯線字體類別,中等字重(500),字間距緊湊。關鍵的注意事項包括避免使用裝飾性字體、避免使用多種強調色,以及避免使用厚重邊框或陰影的雜亂版面。系統應強調廣大的白色空間、高解析度媒體,以及富有詩意的宣言式語調。
更多精選
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
為什麼收錄: 此網站是現代推測性設計工作室作品集的強力範例,優先考慮高視覺衝擊力的影像與詩意文案,而非傳統的 UI 模式。