GRAFFITI
PaletteCrewComponentsAnimationsManifesto
←StyleKit
No Permission Needed

GRAFFITI

STREET

Urban art. Spray paint soul. Brick wall canvas. Zero rules.

400+
Pieces Tagged
62
City Walls
12
Active Crews
0
Permission Slips
// SPRAY PALETTE

SIX COLORS.

INFINITE CLASH.

Every hue is cranked to maximum saturation. Pastel? Not here. Harmony? Overrated. These colors fight each other and they look incredible doing it.

Spray Red
#ff2d55
Primary
Asphalt
#1c1c1e
Background
Cyan Spray
#00e5ff
Accent 1
Neon Yellow
#ffea00
Accent 2
Purple
#b620e0
Accent 3
Orange
#ff6d00
Accent 4

CLASH COMBINATIONS

Red vs Cyan
Yellow vs Purple
Cyan vs Orange
Red vs Yellow
// ACTIVE CREW

THE WALL WRITERS

Every writer has a tag. Tags are identities. Identities are power. Meet the crew that owns these streets.

VIPER

Bomber

XENO

Wildstyle

BLAZE

Character

MYSTIC

Throwup

RAZE

Stencil

NOVA

Piece

// COMPONENTS

SPRAY PAINT KIT

Every component drips attitude. Thick borders. Hard shadows. No smooth curves. No apologies.

PRIMARY

OUTLINE

SIZE VARIANTS

// TYPE SYSTEM

STREET LETTERING

Graffiti shouts. All caps, all weight, random transforms. Text that sits flat is text that begs to be ignored.

DISPLAY

GRAF

font-black

H1

STREET

font-black

H2

WILDSTYLE

font-black

H3

THROW UP

font-black

BODY

Every wall is a canvas. Every night is a session.

font-bold

LABEL

TAG / CREW / SPOT / BUFF

font-black

ALWAYS UPPERCASE

Graffiti shouts. Every headline must be uppercase — capitals carry weight, demand attention.

SKEW + ROTATE

skewX(-2deg) to skewX(-5deg) plus slight rotation. Text that sits flat refuses to be noticed.

FONT-BLACK ONLY

Thin fonts have no place here. font-black on every headline. Weight is authority.

// ANIMATION & INTERACTION RULES

FOUR LAWS OF MOTION

Graffiti animations are raw and violent. No elegance. No polish. Every interaction must feel like it was sprayed on illegally at 3am.

Paint Drip

hover → drip decorations extend along Y axis.
Simulates fresh paint flowing down the wall.

Hover to drip
DRIP DRIP

height transition — duration-300 ease-out

Vandalism Snap

Aggressive rotation + skew on enter/leave.
Unpermitted, rebellious street energy. No mercy.

HOVER TO SNAP

rotate(-8deg) skewX(-8deg) — 0.1s linear snap

Hard Contrast

Active removes hard shadow + shifts element.
Creates stamp-hitting-wall impact sensation.

active: shadow=none + translate(8px,8px) — 0.1s linear

Zero Polish

Short hard cuts only. duration-100/150 + ease-linear.
No smooth easing, no elegance, no spring physics.

Smooth (WRONG)
Hard cut (CORRECT)

duration-100/150 ease-linear throughout

// GALLERY WALL

THE MASTERPIECES

Every wall is a statement. Typography that punches you in the face. Layouts that refuse to sit still.

TAG
MASTERPIECE

URBAN

CANVAS

The city is the gallery. Every surface is a canvas.

THROWUP

Quick hit. Two colors. Maximum impact.

STENCIL

Cut out. Spray. Repeat. Everywhere.

NO RULES

The only rule is there are no rules.

// THE MANIFESTO

WORDS WRITTEN IN SPRAY

THE WALL IS THE CANVAS.
THE CITY IS THE GALLERY.
NO COMMISSION REQUIRED.
NO PERMISSION ASKED.
JUST LEAVE YOUR MARK.

TAG IT

  • bg-[#1c1c1e] dark asphalt as base — always
  • High-sat colors: #ff2d55, #00e5ff, #ffea00, #b620e0
  • font-black uppercase on everything
  • Random rotate + skew transforms on all elements
  • border-4 thick borders throughout
  • shadow-[Npx_Npx_0px_color] hard offset shadows
  • Asymmetric layouts — grids are for museums
  • Drip decorations on cards and sections

STAY CLEAN

  • No pastel or soft colors (pink-200, blue-200)
  • No thin fonts (font-light, font-thin, font-normal)
  • No symmetric or grid-perfect layouts
  • No rounded-full on cards
  • No backdrop-blur or glass effects
  • No shadow-sm / shadow-md soft shadows
  • No warm, cozy color schemes
  • No smooth spring animations — hard cuts only
GRAFFITI

Street art. Spray paint soul. Urban expression without permission.

StyleDocumentationShowcaseCover
StyleKitHomeAll Styles
PaletteSpray RedAsphaltCyan SprayNeon YellowPurpleOrange
Made for StyleKit — No Permission Required
BACK TO STYLEKIT→