精選 · 開放 · 免費

Nomad

為高端科技配件打造的尊榮電子商務體驗，根植於實用性與精緻美學。

01

設計氣質 DNA

Apple 風格的產品零售，帶有堅固耐用、強調旅行實用的特色。

02

色彩

高對比度的單色基底，搭配攝影主角，無主要品牌強調色。

03

字型

grotesque-sans · inconsolata

• display56px · 700
• heading24px · 700
• body16px · 400
• caption14px · 400
• overline12px · 700

04

間距

基於 4px 遞增的線性間距比例尺，在大型佈局中大量運用。

05

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

1px solid rgba(0, 0, 0, 1.0)

0px 6px 6px -3px rgba(0, 0, 0, 0.06) · 0px 0px 0px 1px rgba(0, 0, 0, 0.06) · 0px 0px 0px 1px inset rgba(0, 0, 0, 0.1)

06

版面

全寬圖片主視覺，接著是置中的引言區塊與產品卡片網格。

07

動效與互動

覆蓋層與彈出視窗的淡入/淡出 (opacity 0.2s) · 互動元素的流暢 hover 過渡 (0.15s)

按鈕與連結上的細微透明度或顏色變化。 · 透過標準按鈕狀態提供即時視覺回饋。

08

組件

• button 圓形膠囊狀或柔和曲線按鈕，採用高對比實心填充或簡潔的文字連結。
• card 圓角產品卡片，帶有細微的內嵌或投影陰影，常以網格或圖片為背景。
• chip 在主要可見區域中未出現。
• input 標準表單欄位，具有柔和圓角與內嵌陰影。
• hero 全出血的攝影圖片，帶有深色漸層疊加與巨大、字距緊湊的無襯線字體排版。

09

文案語氣與禁用清單

• 語氣 自信、高端且注重實用性。
• 標題風格 極簡、大型、字距緊湊的無襯線字體聲明。
• 按鈕文案 直接、清晰且以行動為導向。

• 不要使用鮮豔的主強調色——截圖顯示為嚴格的單色色系，無主導色調。
• 不要使用裝飾性襯線字體作為主標題——截圖顯示為緊湊、粗體的 grotesque-sans 字體。
• 不要對主要介面元件套用柔和、圓形的圓角——截圖顯示為尖角與膠囊狀按鈕的混合。
• 不要使用厚重、多彩的投影陰影——截圖顯示為非常細微、幾乎不可見的投影陰影或內嵌輪廓。
• 不要將所有內文置中——截圖顯示主視覺文字為置中，但其他地方的內文為標準左對齊。
• 不要對主要文字使用細、輕的字重——截圖顯示主要為 regular (400) 與 bold (700) 字重。
• 避免: 避免過於隨意或俏皮的語言。
• 避免: 避免複雜的漸層或裝飾性花紋。
• 避免: 避免低對比度文字。
• 避免: 避免雜亂的介面或過多的介面裝飾。
• 避免: 避免使用主導性的鮮豔強調色。
• 避免: 避免在主要標題中使用裝飾性襯線字體。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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