Lab

Pixel Mark

The site logo mark — scale, variants, and interaction states.

Originally, I wanted to use a blocky version of my first initial, P, but Pandora Radio already has that territory pretty well covered.

So I started looking for a mark that could still carry the initial while fitting the site’s emerging visual language: lightly pixelated, generative, and a little abstract. I landed on this four-pixel pattern, which maps to the braille letter P.

It felt like the right bridge: personal without being literal, simple enough to work at small sizes, and flexible enough to animate, shift, or become part of more interactive moments over time.

Scale

Favicon16px
Header28px
Card48px
Display96px

Variants

Default
Accent
Soft
Outline

Interaction States

Scale

Lift

Patrick Morgan

Inline

Entrance

Accent

Roll