厳選・オープン・無料
Al Murphy
鮮やかなステッカーアートのグリッド上に構築された、遊び心と挑戦的なイラストポートフォリオ。
PlayfulExpressionGalleryPortfolioEditorial
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
コンポーネント
- hero full-bleed illustration
09
文体と禁止事項
- トーン playful
- 見出し captions
- CTA n/a
- 厳格で企業的なグリッドを使用しないでください — スクリーンショットは緩やかでステッカーのようなコラージュレイアウトを示しています。
- 単一のブランドアクセントカラーに依存しないでください — スクリーンショットはアートワーク全体にわたる鮮やかで多色のパレットを示しています。
- カードやチップなどの従来のUIコンポーネントを使用しないでください — スクリーンショットはイラストの連続的なキャンバスを示しています。
- 白い背景を使用しないでください — スクリーンショットはライトグレーのグリッド背景を示しています。
- フォーマルでセリフ体のタイポグラフィを使用しないでください — スクリーンショットは遊び心のある手描き風の文字スタイルを示しています。
- ドロップシャドウやボーダーラディウスで深度を付けないでください — スクリーンショットはUIシャドウのないフラットなイラストを示しています。
- 避ける: corporate
- 避ける: formal
- 避ける: sterile
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
ポジショニング：遊び心と挑戦的なイラストポートフォリオ（al-murphy.com）。デジタルキャンバス上にステッカーアートワークを展示。主要カラー：白色/ライトグレー（#f5f5f5）背景に、アートから抽出された鮮やかな多色パレット。インクは黒（#000000）。フォントカテゴリ：見出しにdisplay-sans、UIにhumanist-sans。実際のフォントはArial/Helvetica。重要な禁止事項：1) 厳格な企業グリッドを使用しない — 緩やかで有機的なステッカーカルチャーのレイアウトを使用。2) カラーパレットを制限しない — 鮮やかな多色のイラストを使用。3) カードやチップなどの標準UIコンポーネントを使用しない — アートをプライマリインターフェースとして。4) 純白の背景を使用しない — ライトグレーのグリッドを使用。5) フォーマルでセリフ体のタイポグラフィを使用しない — 遊び心のあるカジュアルなサンセリフを使用。6) シャドウやボーダーラディウスで深度を付けない — フラットなイラストスタイルを維持。
en · zh-CN · zh-TW · ja · ko