精選 · 開放 · 免費

June

一個溫暖、由創辦人主導的編輯頁面，以手寫、個人化的風格宣布公司的收購案。

01

設計氣質 DNA

一封手寫在高級信紙上的信

02

色彩

在柔和、米白色的背景上使用高對比度的深海軍藍文字，並搭配單一鮮豔的靛藍強調色。

03

字型

geometric-sans · humanist-sans

• display56px · 900
• heading40px · 700
• subheading18px · 400
• caption12px · 700

04

間距

段落與章節之間保留充裕的垂直間距，維持簡潔且具呼吸感的版面。

05

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

使用淺灰色（#E9ECEF）的細緻 1px 邊框來定義邊緣，避免增加視覺重量。

0px 1px 3px 0px rgba(0, 0, 0, 0.1) · 0px 2px 10px 0px rgba(13, 19, 27, 0.1) · 0px 0px 2px 0px rgba(13, 19, 27, 0.2)

06

版面

主要內容採用單欄式編輯版面，下方設有全寬的宣傳橫幅區塊。

07

動效與互動

互動元素上的平滑背景色過渡。

連結與互動元素上的細微背景色變或透明度變化。 · 所有可點擊元素使用標準的指標游標。

08

組件

• button 極簡的文字導覽連結，無可見邊框或背景。
• card 柔和的靛藍色調卡片（#F0F0FE），用於主要文章內容，具有 20px 的大圓角。
• chip 一個俏皮、裝飾性的航空公司票據圖形，作為視覺隱喻。
• hero 一個巨大的居中標題，採用深海軍藍色，下方跟隨一個大型、淺色調的內容卡片。

09

文案語氣與禁用清單

• 語氣 透明、真誠且由創辦人主導。
• 標題風格 大型、粗體且富有情感共鳴，聚焦於商業背後的人性故事。
• 按鈕文案 含蓄且資訊豐富，避免使用侵略性的行銷語言。

• 不要使用純白色（#FFFFFF）背景——截圖顯示的是 slightly warmer off-white（#FAFAFA）。
• 不要使用銳利、方正的圓角——截圖顯示主要卡片具有寬鬆的 20px border-radius。
• 不要使用冰冷、無菌的美學——截圖顯示內容區域帶有溫暖、welcoming 的色調（#F0F0FE）。
• 不要使用裝飾性、高對比度的色彩強調——截圖將強調色限制在單一柔和靛藍（#6366F1）。
• 不要使用微小、擁擠的排版——截圖顯示的是大型、具呼吸感的 18px 內文字體大小。
• 不要使用複雜、多欄的格線系統——截圖維持簡潔、單欄的編輯流動。
• 避免: 侵略性的銷售語言
• 避免: 過於企業化的術語
• 避免: 雜亂或混亂的版面
• 避免: 冷漠、非人性的設計

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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