精選 · 開放 · 免費

Unseen Studio

一個具備趣味、敏銳特質的極簡主義創意機構。

01

設計氣質 DNA

一個簡潔、具趣味邊緣的創意機構

02

色彩

以高對比黑色文字為基調的柔和暖色調中性色。

03

字型

didone-serif · grotesque-sans

• display90px · 400
• body14px · 400

內文字體使用 Neue Montreal，一款簡潔的 grotesque-sans。 · 標題字體使用 Saol Display，一款優雅的過渡型襯線體。 · 標題經常使用大寫並搭配緊湊的字距。 · 內文採用略微負值的字距，以呈現簡潔感。

04

間距

核心元素周圍採用充裕的留白，創造專注、無雜亂的版面。

05

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

採用深色調、1px 的細實線邊框，以實現細微的界定。

06

版面

Splash screen 採用居中單欄版面，並具備充足的垂直節奏。

07

動效與互動

互動元素採用流暢的 ease-out 過渡效果。 · 主要的頁面轉場使用延長的變換效果。

互動元素帶有細微的縮放或顏色過渡效果。 · 進入網站時，平滑過渡至主要內容。

08

組件

• button 簡約的藥丸形按鈕，白色背景、黑色文字，並帶有細微陰影。
• card 當前畫面不適用。
• chip 當前畫面不適用。
• input 當前畫面不適用。
• hero 居中的內容區塊，包含趣味的插畫標誌、標題、描述，以及單一的行動呼籲按鈕。

09

文案語氣與禁用清單

• 語氣 專業 yet 具趣味且敏銳。
• 標題風格 直接、自信，經常以大寫呈現。
• 按鈕文案 簡單、以行動為導向的指令，例如「Enter」。

• 避免使用刺眼的純白背景——截圖顯示的是柔和、溫暖的米白色。
• 避免使用單純的單色調色盤——截圖顯示的是溫暖、低飽和度的粉米色。
• 避免所有內文都使用襯線體——截圖顯示內文使用的是 sans-serif (Neue Montreal)。
• 避免使用尖銳的直角——截圖顯示的是圓角、藥丸形狀的按鈕。
• 避免使用厚重的陰影——截圖顯示「Enter」按鈕上是細微、柔和的陰影。
• 避免使初始畫面顯得雜亂——截圖顯示的是單一、居中的內容欄位，並伴隨大量空白。
• 避免: 過度企業化或冰冷的語言。
• 避免: 缺乏視覺喘息空間的密集文字段落。
• 避免: 初次進入時的複雜或雜亂的導覽。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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