精選 · 開放 · 免費
Simulate
一個聚焦於高價值數位資產收購的優質網域市場列表頁面。
FintechPremiumCleanGeometricProduct
01
設計氣質 DNA
網域優質交易專業數位資產
專營優質網域名稱的高端數位房地產經紀人。
02
色彩
#160042Ink
#FFFFFFBG
#8E8F94Muted
rgba(22, 0, 66, 0.12)Line
以深靛藍為基調的高對比配色方案,使用亮藍色作為主要動作色,橘色則用於次要強調。
03
字型
geometric-sans · humanist-sans
- display
68px · 700 - heading
36px · 600 - body
16px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
間距與內邊距採用一致的 4px 基礎縮放比例
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 5px
lg · 12px
pill · 50px
1px solid rgba(22, 0, 66, 0.12)
rgba(0, 0, 0, 0.1) 0px 15px 20px 0px · rgba(57, 59, 106, 0.18) 23px 23px 24px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
標準響應式容器,搭配置中的首頁主視覺內容
07
動效與互動
200msmicro
300mssmall
600msmedium
ease-in-outeasing
hover 時的色彩與背景色過渡 · 載入狀態的透明度淡出
按鈕與連結採用標準的色彩/背景色過渡,設定為 0.2 秒的 ease-in-out。 · 透過狀態改變提供即時回饋。
08
組件
- button 藥丸形實心按鈕,邊角圓潤(50px border-radius),主要動作使用藍色(#0073E5),次要動作使用橘色(#E86D1F)。
- card 大型圓角矩形區塊(12px radius),採用深靛藍背景與細微的雜訊紋理。
- input 底線式輸入框,採用極簡內邊距,僅出現在電子報訂閱區塊。
- hero 置中的垂直堆疊區塊,包含大而粗體的標題、醒目的行動呼籲按鈕,以及支援性的描述段落。
09
文案語氣與禁用清單
- 語氣 專業、直接且具交易導向。
- 標題風格 簡短、首字母大寫或粗體的宣言式標題,聚焦於網域資產。
- 按鈕文案 清晰、行動導向的按鈕,例如「出價」或「立即註冊」。
- 不要為主要行動呼籲按鈕使用淺色背景——截圖顯示的是實心亮藍色「出價」按鈕
- 不要為標題使用寬字距——截圖顯示的是緊湊的負字距(-1px 至 -2px)
- 不要使用多種強調色——截圖顯示嚴格使用藍色作為主要動作色,橘色作為次要強調
- 不要使用裝飾性襯線字體——截圖顯示的是清晰的幾何與人文主義無襯線字體
- 不要為主要按鈕使用方形角——截圖顯示的是 50px 的藥丸形邊角圓潤
- 不要使用複雜的漸層——截圖顯示的是平坦色彩與深色背景上的細微雜訊紋理
- 避免: 非正式語言
- 避免: 俏皮的比喻
- 避免: 過多的驚嘆號
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個專為直接、高價值交易設計的優質網域名稱市場列表頁面。其視覺識別以深靛藍(#160042)背景作為深色區塊的基調,與乾淨的白色(#FFFFFF)主要背景形成對比。關鍵強調色包括用於主要行動呼籲的亮藍色(#0073E5)以及用於次要元素的橘色(#E86D1F)。字體類別使用幾何與人文主義無襯線,並搭配緊湊的負字距以營造衝擊力。關鍵限制:避免為按鈕使用淺色背景、保持標題緊湊的字距、嚴格使用藍/橘強調色調、堅持使用無襯線字體、使用藥丸形按鈕、並避免複雜的漸層。佈局為置中且專業,聚焦於單一網域資產,提供明確的行動呼籲。
en · zh-CN · zh-TW · ja · ko