精選 · 開放 · 免費

Moderne St

一個數位工作空間，為創意團隊提供高度客製化的廣告點子與洞察。

01

設計氣質 DNA

一個充滿活力、插畫風格的廣告團隊創意工作室。

02

色彩

溫暖的米白色背景與深靛藍色區塊及明亮的珊瑚色點綴形成對比。

03

字型

humanist-sans · transitional-serif

• display56px · 500
• body16px · 400

使用人文無襯線字體（humanist sans-serif）作為具影響力的大型展示文字。 · 使用過渡襯線字體（transitional serif）作為內文及詳細說明。 · 維持大型展示文字與標準內文之間清晰的字型層次。

04

間距

寬裕的垂直間距，搭配大型 padding 區塊以分隔不同的內容區塊。

05

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

使用細緻的 2px 邊框作為輪廓式卡片與按鈕。

06

版面

標準的響應式佈局，以顯眼的主視覺區塊開頭，後接內容區塊。

07

動效與互動

UI 元素（如按鈕和顏色變化）採用快速的 0.15s 過渡效果。

互動元素上快速的 0.15s 顏色過渡。 · 點擊後立即回應。

08

組件

• button 珊瑚色填充按鈕，搭配白色文字，以及藥丸形狀的「取得演示」變體。
• card 具有細邊框和圓角的卡片，內含文字或插畫。
• hero 分割式主視覺：左側為深色背景上的大型文字，右側為彩色插畫。

09

文案語氣與禁用清單

• 語氣 專業、具啟發性，並帶些許俏皮。
• 標題風格 大型、具影響力，專注於創意賦能。
• 按鈕文案 直接且以行動為導向，例如「立即開始」。

• 不要使用純白色背景 — 截圖顯示內容區塊使用了溫暖的米白色 (#F3EAE5)。
• 不要在深色區塊使用鮮豔的主色 — 截圖顯示使用了深靛藍色 (#171C5D)。
• 不要使用鮮紅色作為強調色 — 截圖顯示使用了柔和的珊瑚色 (#FF7E85)。
• 不要在內文中使用純幾何無襯線字體 — 截圖顯示使用了過渡襯線字體。
• 不要在 UI 元素上使用過度圓潤的邊角 — 截圖顯示使用了細微的 4px border-radius。
• 不要在卡片元素上使用陰影 — 截圖顯示使用的是帶有細邊框的平面設計。
• 避免: 充滿術語的語言
• 避免: 枯燥、過於企業化的語氣

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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