精選 · 開放 · 免費

Thesummerdrive

一個為創投投資組合聚會所設計的活潑、高對比活動登陸頁面。

01

設計氣質 DNA

一張復古的活動邀請函，融合了現代新創公司的作品集展示。

02

色彩

採用溫潤奶油色基調與鮮亮藍色的雙色調色盤，應用於所有互動與文字元素。

03

字型

grotesque-sans

• display77px · 400
• heading62px · 400
• subhead38px · 400
• body18px · 400
• small16px · 400

標籤與主要標題皆使用全大寫文字。 · 粗重的展示型字體與較輕的內文字體形成強烈對比。 · 大型展示文字套用顯著的負字距調整。

04

間距

以充裕的水平內距（144px）置中內容，嚴格的垂直節奏由大片留白與一致的邊距定義。

05

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

細實藍線作為水平分隔線。

06

版面

單欄置中版面配置，帶有寬邊距，特定細節處過渡為分割版面。

07

動效與互動

懸停時背景顏色與顏色平滑過渡。 · 互動元素的變換與透明度變化。

按鈕與連結的背景顏色與顏色過渡。 · 縮放或變換的微互動。

08

組件

• button 大型、藥丸形狀的外框按鈕，帶有藍色邊框與文字，在行動裝置上置中。
• card 帶有邊框的簡潔區塊，內含行程列表或合作夥伴商標。
• hero 以超大字體驅動的醒目首屏，中央有一幅復古汽車的插圖。

09

文案語氣與禁用清單

• 語氣 活潑、獨家、非正式但仍帶企業感。
• 標題風格 大型、全大寫、字距緊密的展示文字。
• 按鈕文案 清晰、藥丸形狀的外框按鈕，帶有直接的行動文字。

• 不要使用襯線字體——截圖顯示所有文字一致使用 grotesque 無襯線字體。
• 不要使用深色背景——截圖顯示以溫潤的淺奶油色（#FFF8F1）為基底。
• 不要使用多種強調色——截圖僅依賴單一藍色（#006EFF）作為所有高亮。
• 不要使用標準矩形按鈕——截圖顯示圓角、藥丸形狀的外框按鈕。
• 不要使用小型首屏文字——截圖顯示巨大、佔滿螢幕的展示字體排印。
• 不要使用陰影——截圖採用完全平面的設計，以線條作為分隔。
• 避免: 內文使用襯線字體
• 避免: 深色背景
• 避免: 小而密集的段落

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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