精選 · 開放 · 免費

Away

一個乾淨、令人嚮往的 DTC 旅行品牌，結合高品質攝影與極簡設計。

01

設計氣質 DNA

一個奢華的、直接面對消費者的旅行生活方式品牌

02

色彩

乾淨且極簡，專注於高品質攝影與排版。

03

字型

transitional-serif · humanist-sans

• display56px · 500
• headline32px · 500
• body16px · 400
• label12px · 500

內文與導覽列使用 'Graphik'。 · 主標題使用過渡式襯線字體。 · 導覽列與小型標籤使用大寫字體並增加字間距。

04

間距

基準 4px、次要 8px、標準 16px、主要 24px

05

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

1px solid rgba(17,17,17,0.1)

rgba(0, 0, 0, 0.06) 0px 2px 2px 0px · rgba(0, 0, 0, 0.07) 0px 4px 3px 0px · rgba(0, 0, 0, 0.24) 0px 1px 2px 0px

06

版面

全版寬主視覺圖片，接著是內容區塊，並保留充足的留白。

07

動效與互動

內容區塊在捲動時細膩地淡入。 · 滑鼠懸停時，色彩與背景色進行流暢的過渡。

細微的色彩或背景色變化。 · 立即的視覺回饋，帶有輕微的縮放或色彩轉變。

08

組件

• button 極簡設計，白色背景上的黑色文字，搭配 1px 黑色邊框或無邊框。
• card 採用高品質攝影與極簡文字覆蓋的簡單卡片。
• chip 用於篩選器或分類的藥丸形按鈕。
• input 簡潔的輸入框，採用底線或邊框樣式，並進行最小化設計。
• hero 全出血攝影主視覺，搭配大型襯線或無襯線標題，以及清晰的行動呼籲。

09

文案語氣與禁用清單

• 語氣 自信、令人嚮往且直接。
• 標題風格 簡短、具衝擊力，並常使用襯線字體以強調。
• 按鈕文案 直接且以行動為導向，常使用大寫字母。

• 不要為主要內容區域使用深色背景 — 截圖顯示白色 (#FFFFFF) 背景。
• 不要為主要按鈕使用鮮豔、飽和的強調色 — 截圖顯示白色按鈕上的黑色文字，帶有黑色邊框。
• 不要為主標題使用無襯線字體 — 截圖顯示 'Get Away' 使用過渡式襯線字體。
• 不要為卡片或按鈕使用圓角 — 截圖顯示銳利的方形邊角。
• 不要為主視覺區使用多欄式版面配置 — 截圖顯示單一全出血圖片。
• 不要在導覽列中使用小而密集的文字 — 截圖顯示大寫、間距寬鬆的標籤。
• 避免: 雜亂的版面配置
• 避免: 過於複雜的色彩方案
• 避免: 大量使用裝飾性元素

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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