Design Loud. Ship Bold.

A pop-art UI kit that refuses to blend in. Built mobile-first with fluid grids and type that scales like a silk-screen.

Color
Palette

Acid Yellow #FFE000
Hot Pink #FF2D78
Electric Blue #0047FF
Lime Green #32FF6A
Vivid Orange #FF6B00
Pure Black #0A0A0A
Off White #F5F0E8
Mid Grey #9E9E9E
Light Grey #E8E4DC
Surface #FFFFFF

Type
System

Display — Anton / fluid clamp(3.5rem → 6.5rem)

Factory Noise

Heading — Anton / fluid clamp(1.875rem → 2.75rem)

Pop Art Forever

Subheading — IBM Plex Sans Bold / fluid clamp(1.375rem → 1.875rem)

Every image tells a story

Body — IBM Plex Sans Regular / fluid clamp(0.9375rem → 1.0625rem)

In the future, everyone will be world-famous for fifteen minutes. Design is not what it looks like and feels like — design is how it works, how it speaks, how it makes people feel when they first encounter it.

Small / Caption — IBM Plex Sans Light Italic / fluid step -1

Use sparingly for captions, helper text, and metadata.

Mono — IBM Plex Mono / used for labels, codes, tags

const color = '#FF2D78'; // hot-pink

Buttons

Variants

Sizes

States

Forms

We never share your email.
Enter a valid email address.

Controls

Toggle Switches

Segment Control

Dropdown Select

Alerts

Radio &
Checkboxes

Radio Buttons — Single Choice

Select your preferred medium

Checkboxes — Multiple Choice

Select influences

Everything
Together.

A full contact form showcasing every component working in unison.

Submit Your Work


Exhibition Type
I agree to

Design Principle

"Don't think about making art, just get it done."

— Andy Warhol

Grid System

4 / 8 / 12 column fluid grid

Component Badges

Colors Typography Buttons Inputs Selectors Alerts Radio Checks