---
name: Al Murphy
description: "This site is a prime example of a portfolio that prioritizes expressive, illustrative content over traditional UI patterns, making it a strong reference for playful, art-driven design."
version: alpha

colors:
  background: "#f5f5f5"
  primary: "#000000"
  line: "rgba(0, 0, 0, 0.1)"

typography:
  display:
    fontFamily: display-sans
    fontSize: 16px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 0px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

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

*A digital sticker book of subversive pop-culture doodles*

## Colors

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

- **Background (`#f5f5f5`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Borders (`rgba(0, 0, 0, 0.1)`)** — uses `line` token

## Typography

- **Display:** display-sans
- **Body:** humanist-sans

## Layout

grid

*Rhythm:* irregular

## Elevation & Depth

- Borders: none

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 0px

## Components

- **hero:** full-bleed illustration

## Do's and Don'ts

**Don't:**
- Don't use a rigid, corporate grid — screenshot shows a loose, sticker-like collage layout.
- Don't rely on a single brand accent color — screenshot shows a vibrant, multi-colored palette across artworks.
- Don't use traditional UI components like cards or chips — screenshot shows a continuous canvas of illustrations.
- Don't use a white background — screenshot shows a light gray grid background.
- Don't use formal, serif typography — screenshot shows playful, hand-drawn style lettering.
- Don't use drop shadows or border-radius for depth — screenshot shows flat illustrations with no UI shadows.

---

## System Prompt (paste into AI agent)

```
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.
```