Graffiti
Graffiti-inspired landing page with bright spray-paint colors on gritty urban backgrounds. Ideal for campanhas de marcas provocadoras, pôsteres de música, linhas de streetwear, eventos urbanos. AI-ready template.
Use case: Campanhas de marcas provocadoras, Pôsteres de música, Linhas de streetwear, Eventos urbanos
Historical Context
Graffiti didn't ask for permission. It emerged from the subway tunnels and freight yards of 1970s New York — writers like TAKI 183, Phase 2, and Dondi tagging their names across a city that refused to see them. It was territorial, political, and deeply personal. The wildstyle lettering that evolved wasn't decoration; it was encryption. Messages meant for those who knew how to read them. By the 1980s, graffiti collided with gallery culture through figures like Basquiat and Keith Haring, but the tension never resolved. The street version stayed raw — dripping fills, cracked caps, paint running down concrete. That imperfection is the point. Every surface tells you about the hand that made it, the weather that day, the urgency of the moment. Today graffiti's visual language has been absorbed into everything from typeface design to motion graphics. But the best applications remember where it came from: unauthorized, loud, and impossible to ignore. The grit isn't a filter you apply — it's the DNA of the form.
When to Use
When your brand needs to feel like it belongs on a wall, not a boardroom. Graffiti aesthetics work when you're speaking to audiences who distrust polish — youth culture, underground music, streetwear, skate, and any brand that earns credibility through rawness rather than refinement. It's the right call when you want energy over elegance, when the brief says 'loud' and means it. Avoid it for anything requiring institutional trust or quiet authority — graffiti whispers to nobody.
Design Principles
- Let imperfection lead — drips, overspray, uneven edges, and texture artifacts are features, not bugs to clean up
- Color should hit like a punch: saturated, high-contrast, unapologetic — neons against black, primaries clashing without apology
- Typography must feel hand-made even when digital — distressed baselines, variable stroke weight, letters that crowd and overlap
- Layering creates history — build surfaces that feel like they've been tagged over, peeled back, and tagged again
- Respect the culture's codes: don't sanitize the aesthetic into corporate-safe decoration — if it doesn't feel slightly dangerous, you've gone too far toward safe
Technical Specs
Colors
Primary
Secondary
Effects
Spray paint texture overlays (CSS noise/grain), drip effects on borders via SVG, concrete/brick texture backgrounds, bold graffiti-style lettering, tag-style decorative elements, gritty shadow effects, splatter animations on hover
Light/Dark
✓ Full / ✓ Full
Related
Last synced: 4/1/2026