精選 · 開放 · 免費

Landofride

一個策展優質、主動式假期體驗的編輯風格旅遊平台。

01

設計氣質 DNA

一本專為主動式冒險打造的高端旅遊雜誌。

02

色彩

以黑白為基底的高對比單色調，並以溫暖的中性米色柔化整體，再搭配鮮明的粉色作為單一、大膽的編輯風格點綴。

03

字型

didone-serif · transitional-serif

• display120px · 400
• heading48px · 400
• body16px · 400
• caption12px · 400

大型展示文字使用 didone-serif 字體。 · 內文使用 transitional-serif 字體。 · UI 元素與小型標籤使用 grotesque-sans 字體。 · 大寫標籤使用寬字距。

04

間距

採用慷慨的垂直間距，基準單位為 4px，強調元素之間的呼吸空間。

05

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

謹慎使用細實心黑線，常見於元素底部。

rgba(0,0,0,0.32) 3px 3px 8px 0px · rgba(0,0,0,0.25) 0px 4px 10px 0px

06

版面

採用置中、雜誌風格的版面配置，搭配大型全版首頁圖片，並保留充足的垂直留白。

07

動效與互動

hover 時細膩的透明度與色彩過渡。 · 互動元素平滑的變形過渡。

細膩的色彩或透明度變化。 · 輕微的變形或透明度回饋。

08

組件

• button 採用深色背景與淺色文字的高對比膠囊型按鈕。
• card 以圖片為主、大膽字體排印覆蓋的大型編輯風格卡片。
• chip 用於分類的小型大寫文字標籤。
• input 帶有細膩邊框的簡約、乾淨輸入欄位。
• hero 全出血、沉浸式的攝影首頁區塊，搭配大型、置中的字體排印覆蓋。

09

文案語氣與禁用清單

• 語氣 具啟發性、描述性且高質感。
• 標題風格 大型、粗體，且常直接覆蓋於影像之上。
• 按鈕文案 直接且以行動為導向（例如：「選擇土地」、「選擇騎行」）。

• 避免使用雜亂或過於擁擠的版面——截圖顯示的是一個寬敞、編輯風格的版面，並保留了充足的留白。
• 避免使用多種字重——截圖主要使用常規（400）與細體（300）字重。
• 避免使用過小、擁擠的字體排印——截圖展示了大型、具衝擊力的展示文字與易讀的內文。
• 避免在所有元素上使用圓角——截圖顯示了銳角（3-4px）與偶爾出現的膠囊形狀的混合使用。
• 避免使用鮮豔、多彩的調色盤——截圖以單色調為主，僅有一個粉色點綴。
• 避免將主要操作隱藏於選單中——截圖在視窗底部顯示了顯眼、持續存在的 CTA。
• 避免: 隨意俚語
• 避免: 過於複雜的句子
• 避免: 技術術語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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