精選 · 開放 · 免費
Custo
一款高端、極簡的智慧信箱登陸頁，透過大膽字體與節制的美學，強調實體硬體與配套應用程式。
HardwareProductPremiumCalmClean
01
設計氣質 DNA
智慧安全高端極簡硬體
高端消費電子結合安全家居基礎設施。
02
色彩
#000000Ink
#8e9194BG
#ffffffBG soft
#a7aaadMuted
rgba(167,170,173,1.0)Line
一套節制、精緻的單色調色板，以中調灰為基調，依靠純黑與純白來建立對比與層次。
03
字型
geometric-sans · monospace
- display
120px · 500 - heading
58px · 500 - subheading
38px · 500 - body
16px · 400
所有文字均使用幾何無線體類別。 · 大型展示字體應維持緊湊的行高。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬敞的內邊距與間距，營造出高端空間感。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
極簡，僅依賴細微的底部邊框作為分隔。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全出血首頁區域搭配置中容器，後接堆疊式內容區塊。
07
動效與互動
225msmicro
400mssmall
800msmedium
cubic-bezier(0.165, 0.84, 0.44, 1)easing
使用 clip-path 的揭示動畫 · 平滑的顏色與透明度過渡
互動元素上的細微狀態變化。 · 可點擊元素採用標準指標游標。
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 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
為一款高端、極簡的智慧家居硬體產品生成設計。使用以中調灰 (#8e9194)、純黑 (#000000) 和白色 (#ffffff) 為基調的節制單色調色板。字體應為簡潔的幾何無線體，標題大膽、具衝擊力且行高緊湊。版面必須寬敞，內邊距充足，依靠全出血影像與大型浮水印字體來創造視覺趣味。避免雜亂、陰影或多種相互競爭的強調色，以維持高端、建築般的美學。關鍵：絕不使用活潑或裝飾性元素；焦點應放在實體產品及其核心效益上。
en · zh-CN · zh-TW · ja · ko