CURATED · OPEN · FREE

Al Murphy

A playful, subversive illustration portfolio built on a grid of vibrant, sticker-like artworks.

PlayfulExpressionGalleryPortfolioEditorial
Al Murphy screenshot
↓ Download design system (11 MB)Open in OpenDesign

Visit: https://www.al-murphy.com

📦 Browse pack contents →

01

Identity DNA

playfulsubversiveillustrativepop-artsticker-culture

A digital sticker book of subversive pop-culture doodles

02

Color

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

A high-contrast, multi-colored palette derived entirely from the artwork, set against a neutral grid background.

03

Typography

display-sans · humanist-sans

04

Spacing

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

irregular

05

Surfaces

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

none

06

Layout

1440container
12columns
768breakpoints

grid

07

Motion & Interaction

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

pointer cursor on interactive elements · pointer cursor on interactive elements

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

Positioning: A playful, subversive illustration portfolio (al-murphy.com) showcasing sticker-like artworks on a digital canvas. Key colors: white/light gray (#f5f5f5) background with a vibrant, multi-colored palette derived from the art; ink is black (#000000). Font categories: display-sans for headings, humanist-sans for UI; actual fonts are Arial/Helvetica. Critical donts: 1) Don't use a rigid corporate grid — use a loose, organic sticker-culture layout. 2) Don't restrict the color palette — use vibrant, multi-colored illustrations. 3) Don't use standard UI components like cards or chips — let the art be the primary interface. 4) Don't use a pure white background — use a light gray grid. 5) Don't use formal, serif typography — use playful, casual sans-serifs. 6) Don't add depth via shadows or border-radius — keep the flat, illustrative style.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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