큐레이션 · 오픈 · 무료

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

팩 안의 실제 스크린샷

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 컴포넌트가 드롭 섀도우 없이 플랫하게 유지되도록 하는 것이 포함됩니다. 레이아웃은 구조화되고 격자 기반이며, 상세한 픽셀 아트 일러스트레이션을 프레임하기 위한 넉넉한 여백을 제공합니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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