Assets & art direction
Media kit
Everything on this site is drawn with CSS, inline SVG or canvas paths. There are no photographs, no sprite sheets and no audio files — which is why the whole thing loads instantly.
Colour
The palette is warm and low-key so the red reads as stage lighting rather than alarm.
| Name | Hex | Used for |
|---|---|---|
| Blood | #c8261a | Primary actions, barricade danger, poster rules |
| Mustard | #e5a92a | Buzz, tier chips, secondary highlights |
| Acid | #a8c832 | Stage integrity, ultimate charge |
| Bone | #f2e8d4 | Text on dark, card stock in light mode |
| Soot | #12100e | Page background, poster ink |
Type
Bebas Neue for the stencil display voice, Special Elite for typewriter labels and metadata, Permanent Marker for the occasional scrawl, and Inter for anything that has to be read at length.
Art direction
The reference is a torn gig poster pasted on a concrete wall: hard black offsets instead of soft shadows, tape strips, perforated ticket edges, hazard tape and halftone. The canvas pushes it further with brick courses, grime blooms, beer rings and two graffiti tags baked into an offscreen backdrop.
Where an image would normally sit, there is a generated SVG or a canvas path. The score poster on the results screen is drawn live at 1200×630 and downloaded as a PNG, so no two shared posters are byte-identical.
Using these assets
Both files are free to reuse when writing about or linking to ConcertDefense. Please do not recolour the icon or imply endorsement. For anything else, use the contact route on the about page.