厳選・オープン・無料

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

スクロールベースのリビールのための、滑らかで連続したトランジション。 · 穏やかなopacityとtransformのフェード。

微細なopacityまたはカラーのシフト。 · 即座の応答。

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 エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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