厳選・オープン・無料

Al Murphy

鮮やかなステッカーアートのグリッド上に構築された、遊び心と挑戦的なイラストポートフォリオ。

PlayfulExpressionGalleryPortfolioEditorial
Al Murphy のスクリーンショット
↓ デザインシステムをダウンロード (11 MB)OpenDesign で開く

オリジナル: https://www.al-murphy.com

📦 パックの中身を見る →

01

デザイン DNA

playfulsubversiveillustrativepop-artsticker-culture

挑戦的なポップカルチャードローイングのデジタルステッカーブック

02

カラー

#000000Ink
#f5f5f5BG
rgba(0, 0, 0, 0.1)Line

アートワークから完全に抽出された、ハイコントラストで多色のパレット。中立的なグリッド背景に配置されます。

03

タイポグラフィ

display-sans · humanist-sans

04

余白

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

不規則

05

サーフェス (角丸 / 影 / 罫線)

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

なし

06

レイアウト

1440container
12columns
768breakpoints

grid

07

モーションとインタラクション

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

インタラクティブ要素上のポインターカーソル · インタラクティブ要素上のポインターカーソル

08

コンポーネント

09

文体と禁止事項

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

ポジショニング:遊び心と挑戦的なイラストポートフォリオ(al-murphy.com)。デジタルキャンバス上にステッカーアートワークを展示。主要カラー:白色/ライトグレー(#f5f5f5)背景に、アートから抽出された鮮やかな多色パレット。インクは黒(#000000)。フォントカテゴリ:見出しにdisplay-sans、UIにhumanist-sans。実際のフォントはArial/Helvetica。重要な禁止事項:1) 厳格な企業グリッドを使用しない — 緩やかで有機的なステッカーカルチャーのレイアウトを使用。2) カラーパレットを制限しない — 鮮やかな多色のイラストを使用。3) カードやチップなどの標準UIコンポーネントを使用しない — アートをプライマリインターフェースとして。4) 純白の背景を使用しない — ライトグレーのグリッドを使用。5) フォーマルでセリフ体のタイポグラフィを使用しない — 遊び心のあるカジュアルなサンセリフを使用。6) シャドウやボーダーラディウスで深度を付けない — フラットなイラストスタイルを維持。

このセンスを AI エージェントへ

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

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

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