Street Art Design System
Every color in the bag. From chrome caps to neon fills — the spray palette for the street.
Three typefaces for three voices: tags, throw-ups, and body text on the wall.
A 4px base unit scales up to give structure to the chaos. Every dimension measured in multiples of 4.
Stencil-cut inputs on concrete. Every field looks like it was sprayed through a template onto the wall.
Containers for content on the wall. Wheat-pasted posters, concrete slabs, tagged panels, and gallery frames.
Aged paper background with torn edges, like a poster slapped on the wall weeks ago. The rain has warped the corners but the message still stands. Perfect for announcements and featured content.
A slab of digital concrete with chrome trim. Good for code blocks, data tables, or anything that needs a hard, structured surface.
Example: npm install spray-paint
A clean dark panel with a spray-red corner tag. The tag badge marks this content as special, fresh, or important. Hover to lift it off the wall.
Come to the jam session under the bridge. Bring cans, caps, and respect for the wall. All writers welcome.
This wall has been getting heavy traffic. New pieces going up every night. Check the latest work from the local crew.
Server uptime: 99.7%
Last deploy: 2 hours ago
Build: passing
Messages slapped on the wall. Caution tape warnings, spray-dripped errors, neon success, and chrome info panels.