精選 · 開放 · 免費

Sreda V A C

一本具時效性的線上雜誌，透過文章、藝術和播客，提供對文化與當代性的策展觀點。

01

設計氣質 DNA

數位時代的策展展覽圖錄。

02

色彩

嚴格的單色基底搭配銳利的圖形線條；影像提供唯一的色彩。

03

字型

geometric-sans

• display80px · 400
• h248px · 400
• body16px · 400

04

間距

寬裕的留白，結構元素之間有明確的分隔。

05

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

薄的 1px 黑色邊框，結構性地用於線條與分隔線。

06

版面

自由流動的圖解式佈局，使用實線和點線連接元素。

07

動效與互動

互動元素的懸停過渡效果

可點擊元素的色彩與透明度變化。 · 標準導航觸發。

08

組件

• button 帶有箭頭的文字連結，作為導航功能。
• card 無；內容以圖表中的連接節點呈現。
• chip 語言切換器（Ru / En），以斜線分隔。
• input 無可見元素。
• hero 大型文字、圖解線條和精選插圖的混合。

09

文案語氣與禁用清單

• 語氣 清晰、具文化性且略帶正式。
• 標題風格 大型、粗體且具圖解感。
• 按鈕文案 描述性且具方向性，常伴隨箭頭。

• 不要使用彩色背景填充容器 — 螢幕截圖顯示主背景為純白色（#FFFFFF）。
• 不要使用陰影或深度效果 — 螢幕截圖顯示完全平面的表面。
• 不要為主標題使用襯線字體 — 螢幕截圖顯示「Sreda」一詞使用幾何無襯線字體。
• 不要使用傳統的卡片式佈局 — 螢幕截圖顯示元素以圖解風格透過線條連接。
• 不要使用彩色的行動呼籲按鈕 — 螢幕截圖顯示純文字連結搭配箭頭作為主要 CTA。
• 不要使用複雜的圖片畫廊 — 螢幕截圖顯示單一、大型、全寬的插圖藝術作品。
• 避免: 泛泛的行銷用語
• 避免: 雜亂的介面
• 避免: 過於俏皮或活潑的 UI 元素

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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