精选 · 开放 · 免费

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

display27px · 400
body14px · 400

标题及正文标签通常采用全大写形式。 · 所有文本层级均严格使用等宽字体。 · 字距通常保持适中或略微宽松。

04

间距

4px

8px

16px

24px

32px

48px

64px

96px

采用充裕的内边距与间距，确保像素艺术元素周围的可读性与呼吸空间。

05

表面 (圆角 / 阴影 / 边线)

sm · 0px

md · 0px

lg · 0px

pill · 999px

使用1像素黑色实线边框，用于勾勒画廊区块与卡片。

06

布局

1280container

12columns

24pxgutter

768 / 1024breakpoints

简洁的网格布局，大型主视觉图像与文本区块以细黑线分隔。

07

动效与交互

220msmicro

400mssmall

800msmedium

cubic-bezier(0.23, 1, 0.32, 1)easing

滚动触发时的平滑连续过渡效果。 · 柔和的透明度与变换渐变。

细微的透明度或颜色变化。 · 即时响应。

08

组件

button 采用等宽字体文本与纯黑背景的胶囊形按钮。
card 带有细边框与圆角的内容框架区块。
chip 无可见组件。
input 无可见组件。
hero 大型沉浸式像素艺术插画，描绘融合现代元素的古典场景。

09

文案语气与禁用清单

语气沉思、哲学化、叙事驱动。
标题风格 简洁有力，常采用全大写以强化视觉冲击。
按钮文案 直接简洁，使用等宽字体文本。

避免使用圆润平滑的UI组件——截图显示为锐利的像素艺术美学与细几何边框。
避免使用无衬线字体——截图显示所有文本均采用等宽字体。
避免使用白色背景——截图显示温暖的米白色羊皮纸色调（#F6F2E4）或纯黑色。
避免使用鲜艳强调色——截图显示严格的黑色与米色单色调色板。
避免使用复杂投影阴影——截图显示完全扁平化设计，仅使用实线边框。
避免混用衬线与无衬线字体——截图保持严格的等宽字体排版系统。
避免: 密集段落
避免: 通用企业术语
避免: 鲜艳杂乱的配色方案

10

包内真实截图

Philosophicalfoxes — 桌面首屏（hero） — 桌面首屏（hero）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Philosophicalfoxes — 移动首屏 — 移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

本网站呈现以像素艺术画廊为核心的高端编辑体验，探索哲学主题。采用温暖羊皮纸色（#F6F2E4）与深邃黑色（#000000）构成的鲜明双色调色板，形成高对比度视觉语言。字体严格采用等宽字体，所有文本通常以全大写形式呈现，以契合复古游戏像素艺术美学。关键设计约束包括：避免使用任何衬线或无衬线字体，杜绝鲜艳强调色，确保所有UI组件保持扁平化而不使用投影阴影。布局采用结构化网格设计，提供充足留白以框定精细的像素艺术插画。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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