# Illustration > The three tiers of brand illustration, hero, feature, and spot, and a library of every spot illustration to copy or download. ![Two people fitting giant puzzle pieces together on a blue platform, with stars, a light bulb, and an envelope around them](https://ticketsolutionsptyltd.github.io/roadie/brand/illustration/feature-partnership.webp) A feature illustration for partnership. Illustrations tell the brand's story with bold compositions, strong brand colour, and clean line work, always focused on people and the connections between them. ## Types Illustrations come in three tiers, from the most detailed to the simplest. | Tier | Use | | ------- | ------------------------------------------------------------------------------------------------------------------------------------ | | Hero | Narrative scenes with three or more people, for campaigns and landing pages, 1200px wide or more. The hero set is still being drawn. | | Feature | One story about a feature or service, often a metaphor, for feature pages, sales material, and email headers, 600px to 1200px wide. | | Spot | A single idea with few elements, for empty states, dividers, help content, and small pieces, 48px to 300px wide. | In product, keep feature illustrations literal and focused on what the feature does. In marketing, lean into the benefit and the excitement. ## Library Every spot illustration, searchable by name or tag. Copy its SVG into a design, or download it as an SVG or a 1024px PNG from its menu. Each keeps its brand colours on any background. | Illustration | Tags | SVG | Component | | ----------------------------- | ----------------------------------------- | -------------------------------------------------------- | -------------- | | Abstract meat | shape, decoration | `/brand/illustrations/abstract-meat.svg` | | | Abstract ring | shape, decoration | `/brand/illustrations/abstract-ring.svg` | | | Abstract tube | shape, decoration | `/brand/illustrations/abstract-tube.svg` | | | Ampersand | letter, type | `/brand/illustrations/ampersand.svg` | | | Apple | nature, outdoors | `/brand/illustrations/apple.svg` | | | Arch curve 1 | shape, decoration | `/brand/illustrations/arch-curve-1.svg` | | | Arch curve 2 | shape, decoration | `/brand/illustrations/arch-curve-2.svg` | | | Arch window | venue, place | `/brand/illustrations/arch-window.svg` | | | Arrow | growth, reporting | `/brand/illustrations/arrow.svg` | | | Arrow down | growth, reporting | `/brand/illustrations/arrow-down.svg` | | | Arrow turn up | growth, reporting | `/brand/illustrations/arrow-turn-up.svg` | | | Arrow up right | growth, reporting, roadie | `/brand/illustrations/arrow-up-right.svg` | `ArrowUpRight` | | Badge of honor | entertainment, fun | `/brand/illustrations/badge-of-honor.svg` | | | Ban prohibit | status, help | `/brand/illustrations/ban-prohibit.svg` | | | Bang | status, help | `/brand/illustrations/bang.svg` | | | Bill paper | money, sales | `/brand/illustrations/bill-paper.svg` | | | Block corner | shape, decoration | `/brand/illustrations/block-corner.svg` | | | Block dash | shape, decoration | `/brand/illustrations/block-dash.svg` | | | Block i slim | shape, decoration | `/brand/illustrations/block-i-slim.svg` | | | Block l corner | shape, decoration | `/brand/illustrations/block-l-corner.svg` | | | Block l left | shape, decoration | `/brand/illustrations/block-l-left.svg` | | | Block l right | shape, decoration | `/brand/illustrations/block-l-right.svg` | | | Block stairs | shape, decoration | `/brand/illustrations/block-stairs.svg` | | | Block t cross | shape, decoration, status, help | `/brand/illustrations/block-t-cross.svg` | | | Block z zigzag left | shape, decoration | `/brand/illustrations/block-z-zigzag-left.svg` | | | Block z zigzag right | shape, decoration | `/brand/illustrations/block-z-zigzag-right.svg` | | | Block zigzag vertical left | shape, decoration | `/brand/illustrations/block-zigzag-vertical-left.svg` | | | Block zigzag vertical right | shape, decoration | `/brand/illustrations/block-zigzag-vertical-right.svg` | | | Book | digital, communication | `/brand/illustrations/book.svg` | | | Bookmark | digital, communication | `/brand/illustrations/bookmark.svg` | | | Bookmark ribbon | digital, communication | `/brand/illustrations/bookmark-ribbon.svg` | | | Bow | hospitality, events | `/brand/illustrations/bow.svg` | | | Bridge arch | venue, place | `/brand/illustrations/bridge-arch.svg` | | | Bubble circle | shape, decoration, digital, communication | `/brand/illustrations/bubble-circle.svg` | | | Bubble rotate | digital, communication | `/brand/illustrations/bubble-rotate.svg` | | | Bubble smoke | digital, communication | `/brand/illustrations/bubble-smoke.svg` | | | Bubble square | shape, decoration, digital, communication | `/brand/illustrations/bubble-square.svg` | | | Bush | nature, outdoors | `/brand/illustrations/bush.svg` | | | Cactus | nature, outdoors | `/brand/illustrations/cactus.svg` | | | Camera | digital, communication | `/brand/illustrations/camera.svg` | | | Cat | animals, fun | `/brand/illustrations/cat.svg` | | | Cd disc vinyl | music, live music | `/brand/illustrations/cd-disc-vinyl.svg` | | | Check correct | status, help | `/brand/illustrations/check-correct.svg` | | | Chestnut | nature, outdoors | `/brand/illustrations/chestnut.svg` | | | Christmas tree | nature, outdoors | `/brand/illustrations/christmas-tree.svg` | | | Circle tube | shape, decoration | `/brand/illustrations/circle-tube.svg` | | | Circle tube 2 | shape, decoration | `/brand/illustrations/circle-tube-2.svg` | | | Cloud | nature, outdoors | `/brand/illustrations/cloud.svg` | | | Cloud puff | nature, outdoors, shape, decoration | `/brand/illustrations/cloud-puff.svg` | | | Cloud rotate | nature, outdoors | `/brand/illustrations/cloud-rotate.svg` | | | Clover | nature, outdoors | `/brand/illustrations/clover.svg` | | | Cow | animals, fun | `/brand/illustrations/cow.svg` | | | Cowboy hat | entertainment, fun, animals, roadie | `/brand/illustrations/cowboy-hat.svg` | `CowboyHat` | | Crescent moon | object | `/brand/illustrations/crescent-moon.svg` | | | Cross | status, help | `/brand/illustrations/cross.svg` | | | Cross false | status, help | `/brand/illustrations/cross-false.svg` | | | Crown | entertainment, fun | `/brand/illustrations/crown.svg` | | | Cup coffee | hospitality, events | `/brand/illustrations/cup-coffee.svg` | | | Cursor | digital, communication, roadie | `/brand/illustrations/cursor.svg` | `Cursor` | | Cursor hand | digital, communication, people, partners | `/brand/illustrations/cursor-hand.svg` | | | Diamond | shape, decoration | `/brand/illustrations/diamond.svg` | | | Diamond rhombus | shape, decoration | `/brand/illustrations/diamond-rhombus.svg` | | | Diamond shape | shape, decoration | `/brand/illustrations/diamond-shape.svg` | | | Double square | shape, decoration | `/brand/illustrations/double-square.svg` | | | Ellipse circle | shape, decoration | `/brand/illustrations/ellipse-circle.svg` | | | Exclamation mark | status, help | `/brand/illustrations/exclamation-mark.svg` | | | Explode | energy, highlight | `/brand/illustrations/explode.svg` | | | Eye | digital, communication | `/brand/illustrations/eye.svg` | | | Eye crossed | digital, communication, status, help | `/brand/illustrations/eye-crossed.svg` | | | Fire | energy, highlight | `/brand/illustrations/fire.svg` | | | Fish | animals, fun | `/brand/illustrations/fish.svg` | | | Flag | venue, place | `/brand/illustrations/flag.svg` | | | Flag pole | venue, place | `/brand/illustrations/flag-pole.svg` | | | Flash light | status, help | `/brand/illustrations/flash-light.svg` | | | Flower | nature, outdoors | `/brand/illustrations/flower.svg` | | | Flower abstract | nature, outdoors, shape, decoration | `/brand/illustrations/flower-abstract.svg` | | | Flower bloom | nature, outdoors | `/brand/illustrations/flower-bloom.svg` | | | Flower bloom asterisk | nature, outdoors | `/brand/illustrations/flower-bloom-asterisk.svg` | | | Flower cross | nature, outdoors, status, help | `/brand/illustrations/flower-cross.svg` | | | Flower cute | nature, outdoors | `/brand/illustrations/flower-cute.svg` | | | Flower rotate | nature, outdoors | `/brand/illustrations/flower-rotate.svg` | | | Flower spiral | nature, outdoors, roadie | `/brand/illustrations/flower-spiral.svg` | `FlowerSpiral` | | Flower star | nature, outdoors, energy, highlight | `/brand/illustrations/flower-star.svg` | | | Flower tulip | nature, outdoors | `/brand/illustrations/flower-tulip.svg` | | | Football | entertainment, fun, roadie | `/brand/illustrations/football.svg` | `Football` | | Ghost | entertainment, fun | `/brand/illustrations/ghost.svg` | | | Globe world | venue, place | `/brand/illustrations/globe-world.svg` | | | Grass | nature, outdoors | `/brand/illustrations/grass.svg` | | | Hand | people, partners, roadie | `/brand/illustrations/hand.svg` | `Hand` | | Heart | people, partners, roadie | `/brand/illustrations/heart.svg` | `Heart` | | Heart pixel | people, partners | `/brand/illustrations/heart-pixel.svg` | | | Hexagon | shape, decoration | `/brand/illustrations/hexagon.svg` | | | High five | people, partners, roadie | `/brand/illustrations/high-five.svg` | `HighFive` | | House pentagon | venue, place, shape, decoration | `/brand/illustrations/house-pentagon.svg` | | | L shape | shape, decoration | `/brand/illustrations/l-shape.svg` | | | Leaf | nature, outdoors | `/brand/illustrations/leaf.svg` | | | Leaf tree | nature, outdoors | `/brand/illustrations/leaf-tree.svg` | | | Letter a | letter, type | `/brand/illustrations/letter-a.svg` | | | Letter d | letter, type | `/brand/illustrations/letter-d.svg` | | | Letter e | letter, type | `/brand/illustrations/letter-e.svg` | | | Letter h | letter, type | `/brand/illustrations/letter-h.svg` | | | Letter i | letter, type | `/brand/illustrations/letter-i.svg` | | | Letter l | letter, type | `/brand/illustrations/letter-l.svg` | | | Letter n | letter, type | `/brand/illustrations/letter-n.svg` | | | Letter p | letter, type | `/brand/illustrations/letter-p.svg` | | | Letter q | letter, type | `/brand/illustrations/letter-q.svg` | | | Letter r | letter, type | `/brand/illustrations/letter-r.svg` | | | Letter s | letter, type | `/brand/illustrations/letter-s.svg` | | | Letter t | letter, type | `/brand/illustrations/letter-t.svg` | | | Letter v | letter, type | `/brand/illustrations/letter-v.svg` | | | Letter y | letter, type | `/brand/illustrations/letter-y.svg` | | | Lightning bolt | energy, highlight | `/brand/illustrations/lightning-bolt.svg` | | | Magnet | status, help | `/brand/illustrations/magnet.svg` | | | Magnify glass | digital, communication | `/brand/illustrations/magnify-glass.svg` | | | Mail | digital, communication | `/brand/illustrations/mail.svg` | | | Map pin | venue, place, roadie | `/brand/illustrations/map-pin.svg` | `MapPin` | | Mobile phone | digital, communication | `/brand/illustrations/mobile-phone.svg` | | | Money cash | money, sales | `/brand/illustrations/money-cash.svg` | | | Mountain | venue, place | `/brand/illustrations/mountain.svg` | | | Note | music, live music | `/brand/illustrations/note.svg` | | | Note eighth music | music, live music | `/brand/illustrations/note-eighth-music.svg` | | | Note half music | music, live music | `/brand/illustrations/note-half-music.svg` | | | Note music | music, live music, roadie | `/brand/illustrations/note-music.svg` | `NoteMusic` | | Number 0 zero | number, count | `/brand/illustrations/number-0-zero.svg` | | | Number 1 one | number, count | `/brand/illustrations/number-1-one.svg` | | | Number 2 two | number, count | `/brand/illustrations/number-2-two.svg` | | | Number 3 three | number, count | `/brand/illustrations/number-3-three.svg` | | | Number 4 four | number, count | `/brand/illustrations/number-4-four.svg` | | | Number 5 five | number, count | `/brand/illustrations/number-5-five.svg` | | | Number 6 six | number, count | `/brand/illustrations/number-6-six.svg` | | | Number 7 seven | number, count | `/brand/illustrations/number-7-seven.svg` | | | Number 8 eight | number, count | `/brand/illustrations/number-8-eight.svg` | | | Number 9 nine | number, count | `/brand/illustrations/number-9-nine.svg` | | | Octagon | shape, decoration | `/brand/illustrations/octagon.svg` | | | Partnership | people, partners | `/brand/illustrations/partnership.svg` | | | Peanut 1 | shape, decoration | `/brand/illustrations/peanut-1.svg` | | | Peanut 2 | shape, decoration | `/brand/illustrations/peanut-2.svg` | | | Pencil | digital, communication | `/brand/illustrations/pencil.svg` | | | Pentagon | shape, decoration | `/brand/illustrations/pentagon.svg` | | | Pie chart | growth, reporting | `/brand/illustrations/pie-chart.svg` | | | Pie slice | growth, reporting | `/brand/illustrations/pie-slice.svg` | | | Piece cake | hospitality, events | `/brand/illustrations/piece-cake.svg` | | | Piece cake square | shape, decoration, hospitality, events | `/brand/illustrations/piece-cake-square.svg` | | | Pine cones | nature, outdoors | `/brand/illustrations/pine-cones.svg` | | | Pixel cross joy stick | entertainment, fun, status, help | `/brand/illustrations/pixel-cross-joy-stick.svg` | | | Puzzle cube | entertainment, fun | `/brand/illustrations/puzzle-cube.svg` | | | Quarter circle | shape, decoration | `/brand/illustrations/quarter-circle.svg` | | | Question mark | status, help | `/brand/illustrations/question-mark.svg` | | | Rainbow | growth, reporting | `/brand/illustrations/rainbow.svg` | | | Rock | nature, outdoors | `/brand/illustrations/rock.svg` | | | S line | shape, decoration | `/brand/illustrations/s-line.svg` | | | Sand glass | status, help | `/brand/illustrations/sand-glass.svg` | | | Shrub | nature, outdoors | `/brand/illustrations/shrub.svg` | | | Shuriken star spiral | energy, highlight | `/brand/illustrations/shuriken-star-spiral.svg` | | | Sign | venue, place | `/brand/illustrations/sign.svg` | | | Sparkling glitter star | energy, highlight | `/brand/illustrations/sparkling-glitter-star.svg` | | | Sparkling glitter star rotate | energy, highlight | `/brand/illustrations/sparkling-glitter-star-rotate.svg` | | | Sparkling glitter wink | energy, highlight | `/brand/illustrations/sparkling-glitter-wink.svg` | | | Sponge | status, help | `/brand/illustrations/sponge.svg` | | | Square cube box | shape, decoration | `/brand/illustrations/square-cube-box.svg` | | | Stamp frame | shape, decoration | `/brand/illustrations/stamp-frame.svg` | | | Star | energy, highlight | `/brand/illustrations/star.svg` | | | Star rotate | energy, highlight | `/brand/illustrations/star-rotate.svg` | | | Sticker circle | shape, decoration | `/brand/illustrations/sticker-circle.svg` | | | Sun | nature, outdoors | `/brand/illustrations/sun.svg` | | | Tape cassette music | music, live music | `/brand/illustrations/tape-cassette-music.svg` | | | Ticket | tickets, events, roadie | `/brand/illustrations/ticket.svg` | `Ticket` | | Ticket side | tickets, events | `/brand/illustrations/ticket-side.svg` | | | Ticket tag | tickets, events | `/brand/illustrations/ticket-tag.svg` | | | Triangle prism | shape, decoration | `/brand/illustrations/triangle-prism.svg` | | | Triple semi circle | shape, decoration | `/brand/illustrations/triple-semi-circle.svg` | | | Vase | hospitality, events | `/brand/illustrations/vase.svg` | | | Washi tape | shape, decoration | `/brand/illustrations/washi-tape.svg` | | | Web page | digital, communication | `/brand/illustrations/web-page.svg` | | | Wine glass | hospitality, events, roadie | `/brand/illustrations/wine-glass.svg` | `WineGlass` | | Wing | animals, fun | `/brand/illustrations/wing.svg` | | ### Brand pillars Four spot illustrations stand for the brand's partnership pillars. | Pillar | Illustration | Stands for | | --------- | -------------- | -------------------------------------- | | People | Heart | The team's expertise and relationships | | Service | Hand | Personal service | | Marketing | Arrow up right | Growth and promotional support | | Platform | Cursor | The technology underneath | ## Markets Change what an illustration shows for each market, never its style. | Market | Show | | ---------- | ------------------------------------------------------ | | Live music | Concert scenes, performances, and audience energy | | Venues | Architectural spaces, crowd flow, and facilities | | Shows | Exhibition spaces, interactive displays, and attendees | | Sports | Movement, competition, and spectators | | Events | Community, shared experiences, and atmosphere | ## Making illustrations - Build from the brand's base shapes, with a clear focal point. - Keep perspective, scale, and style consistent across a series. - Use the brand palette with purpose, and keep enough contrast to read. - Match the detail to the space. Don't use a detailed illustration small. - For print, use 300dpi or more and convert colour for CMYK. ## Downloads [Illustration pack](https://ticketsolutionsptyltd.github.io/roadie/brand/illustration/oztix-illustration-pack.zip), PNG and SVG, 249 KB. The key illustrations as PNG files and every spot illustration in the library as an SVG. ## In Roadie The spot tier in apps is the [SpotIllustration](https://ticketsolutionsptyltd.github.io/roadie/components/spot-illustration.md) components, marked with their component name in the library. They keep their brand colours in both themes. Docs updated 15 Oct 2026.