精選 · 開放 · 免費

Philosophicalfoxes

以數位畫廊探索哲學主題的高級像素藝術編輯體驗。

EditorialPixel ArtPhilosophicalArtisticPremium
Philosophicalfoxes 網站截圖
↓ 下載設計系統包 (14 MB)在 OpenDesign 中開啟

原站: https://www.philosophicalfoxes.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

像素藝術哲學性敘事性數位藝術寓言

一座融合古典建築與復古遊戲美學的數位畫廊,用以講述現代寓言。

02

色彩

#000000Ink
#F6F2E4BG
rgba(0,0,0,1.0)Line

極簡高對比的雙重性:用於像素藝術畫廊的溫暖、羊皮紙般的米色,以及用於排版過場的深黑色。

03

字型

monospaced

所有標題文字均採用大寫,內文標籤也經常如此。 · 所有文字層級均嚴格使用等寬字體。 · 字間距通常保持中性或略微寬鬆。

04

間距

4px
8px
16px
24px
32px
48px
64px
96px

寬裕的內邊距與間距,優先確保像素藝術元素周圍的可讀性與呼吸空間。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

1px solid black,用於框住畫廊區段與卡片。

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

簡潔的網格佈局,大型主視覺圖片與文字區塊由細黑線分隔。

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.23, 1, 0.32, 1)easing

用於滾動顯示的流暢、連續過渡效果。 · 柔和的透明度與變換淡入淡出。

細微的透明度或色彩變化。 · 即時回應。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

此網站呈現一個以像素藝術畫廊為核心的高級編輯體驗,探索哲學主題。它採用溫暖的羊皮紙色(#F6F2E4)與深黑色(#000000)構成極簡的雙色調色板,創造出高對比的視覺語言。排版嚴格使用等寬字體,所有文字經常以大寫呈現,以契合復古遊戲、像素藝術的美學。關鍵設計限制包括:避免使用任何襯線或無襯線字體,避免使用鮮豔的強調色,並確保所有 UI 元素保持平面化,不使用陰影。佈局結構化且基於網格,提供充裕的留白以框住精細的像素藝術插圖。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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