精選 · 開放 · 免費

Simulate

一個聚焦於高價值數位資產收購的優質網域市場列表頁面。

01

設計氣質 DNA

專營優質網域名稱的高端數位房地產經紀人。

02

色彩

以深靛藍為基調的高對比配色方案，使用亮藍色作為主要動作色，橘色則用於次要強調。

03

字型

geometric-sans · humanist-sans

• display68px · 700
• heading36px · 600
• body16px · 400

04

間距

間距與內邊距採用一致的 4px 基礎縮放比例

05

表面 (圓角 / 陰影 / 邊線)

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

版面

標準響應式容器，搭配置中的首頁主視覺內容

07

動效與互動

hover 時的色彩與背景色過渡 · 載入狀態的透明度淡出

按鈕與連結採用標準的色彩/背景色過渡，設定為 0.2 秒的 ease-in-out。 · 透過狀態改變提供即時回饋。

08

組件

• button 藥丸形實心按鈕，邊角圓潤（50px border-radius），主要動作使用藍色（#0073E5），次要動作使用橘色（#E86D1F）。
• card 大型圓角矩形區塊（12px radius），採用深靛藍背景與細微的雜訊紋理。
• input 底線式輸入框，採用極簡內邊距，僅出現在電子報訂閱區塊。
• hero 置中的垂直堆疊區塊，包含大而粗體的標題、醒目的行動呼籲按鈕，以及支援性的描述段落。

09

文案語氣與禁用清單

• 語氣 專業、直接且具交易導向。
• 標題風格 簡短、首字母大寫或粗體的宣言式標題，聚焦於網域資產。
• 按鈕文案 清晰、行動導向的按鈕，例如「出價」或「立即註冊」。

• 不要為主要行動呼籲按鈕使用淺色背景——截圖顯示的是實心亮藍色「出價」按鈕
• 不要為標題使用寬字距——截圖顯示的是緊湊的負字距（-1px 至 -2px）
• 不要使用多種強調色——截圖顯示嚴格使用藍色作為主要動作色，橘色作為次要強調
• 不要使用裝飾性襯線字體——截圖顯示的是清晰的幾何與人文主義無襯線字體
• 不要為主要按鈕使用方形角——截圖顯示的是 50px 的藥丸形邊角圓潤
• 不要使用複雜的漸層——截圖顯示的是平坦色彩與深色背景上的細微雜訊紋理
• 避免: 非正式語言
• 避免: 俏皮的比喻
• 避免: 過多的驚嘆號

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko