精選 · 開放 · 免費
Al Murphy
一個俏皮、具顛覆性的插畫作品集，建立在由鮮豔、貼紙般的藝術品所構成的網格之上。
PlayfulExpressionGalleryPortfolioEditorial
01
設計氣質 DNA
俏皮顛覆性插畫普普藝術貼紙文化
一本充滿顛覆性普普文化塗鴉的數位貼紙書
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
網格
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
互動元素上顯示指標游標 · 互動元素上顯示指標游標
08
組件
09
文案語氣與禁用清單
- 不要使用僵化的企業網格 — 畫面截圖顯示的是鬆散、貼紙般的拼貼佈局。
- 不要依賴單一品牌強調色 — 畫面截圖顯示藝術品間有著鮮豔、多彩的調色板。
- 不要使用卡片或藥丸等傳統 UI 元件 — 畫面截圖顯示的是連續的插畫畫布。
- 不要使用白色背景 — 畫面截圖顯示的是淺灰色網格背景。
- 不要使用正式的襯線體排版 — 畫面截圖顯示的是俏皮、手繪風格的字體。
- 不要使用陰影或邊框圓角來製造深度感 — 畫面截圖顯示的是扁平的插畫，沒有 UI 陰影。
- 避免: 企業
- 避免: 正式
- 避免: 無菌
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