06 IllustrationsILLUSTRATIONS Isometric drawings for the site, presentations, documents, mail and marketing. Every drawing in dark and light, as SVG and PNG, and animated as SVG.
Visitors Agenda The agenda in three views side by side: a list per day, a map with pins and a month calendar, with a switch above them.
SVG Dark , Agenda, 1600 × 1200, 13 kB PNG Dark , Agenda, 1600 × 1200, 142 kB Animated Dark , Agenda, 1600 × 1200, 16 kB SVG Light , Agenda, 1600 × 1200, 14 kB PNG Light , Agenda, 1600 × 1200, 144 kB Animated Light , Agenda, 1600 × 1200, 17 kB Wide 16:9 SVG Dark , Agenda, 1600 × 900, 14 kB PNG Dark , Agenda, 1600 × 900, 131 kB Animated Dark , Agenda, 1600 × 900, 17 kB SVG Light , Agenda, 1600 × 900, 14 kB PNG Light , Agenda, 1600 × 900, 131 kB Animated Light , Agenda, 1600 × 900, 17 kB Map by crowd A city map as a plate, with pins that grow with the number of people going and rings that slowly spread out.
SVG Dark , Map by crowd, 1600 × 1200, 9 kB PNG Dark , Map by crowd, 1600 × 1200, 130 kB Animated Dark , Map by crowd, 1600 × 1200, 10 kB SVG Light , Map by crowd, 1600 × 1200, 9 kB PNG Light , Map by crowd, 1600 × 1200, 134 kB Animated Light , Map by crowd, 1600 × 1200, 10 kB Friends who go A night as a card with the Going button, and friends around it who join one by one, each with a tick on their avatar.
SVG Dark , Friends who go, 1600 × 1200, 8 kB PNG Dark , Friends who go, 1600 × 1200, 130 kB Animated Dark , Friends who go, 1600 × 1200, 13 kB SVG Light , Friends who go, 1600 × 1200, 8 kB PNG Light , Friends who go, 1600 × 1200, 139 kB Animated Light , Friends who go, 1600 × 1200, 13 kB Wide 16:9 SVG Dark , Friends who go, 1600 × 900, 9 kB PNG Dark , Friends who go, 1600 × 900, 128 kB Animated Dark , Friends who go, 1600 × 900, 14 kB SVG Light , Friends who go, 1600 × 900, 9 kB PNG Light , Friends who go, 1600 × 900, 129 kB Animated Light , Friends who go, 1600 × 900, 14 kB Group chat of a night A phone with the group chat of a night, and messages from friends rising gently out of it.
SVG Dark , Group chat of a night, 1600 × 1200, 7 kB PNG Dark , Group chat of a night, 1600 × 1200, 120 kB Animated Dark , Group chat of a night, 1600 × 1200, 8 kB SVG Light , Group chat of a night, 1600 × 1200, 8 kB PNG Light , Group chat of a night, 1600 × 1200, 124 kB Animated Light , Group chat of a night, 1600 × 1200, 8 kB Ticket in Wallet A phone with a ticket in Wallet, the QR code on screen and a scan line passing over it; a new ticket flies in.
SVG Dark , Ticket in Wallet, 1600 × 1200, 9 kB PNG Dark , Ticket in Wallet, 1600 × 1200, 114 kB Animated Dark , Ticket in Wallet, 1600 × 1200, 10 kB SVG Light , Ticket in Wallet, 1600 × 1200, 9 kB PNG Light , Ticket in Wallet, 1600 × 1200, 126 kB Animated Light , Ticket in Wallet, 1600 × 1200, 11 kB Wide 16:9 SVG Dark , Ticket in Wallet, 1600 × 900, 9 kB PNG Dark , Ticket in Wallet, 1600 × 900, 117 kB Animated Dark , Ticket in Wallet, 1600 × 900, 11 kB SVG Light , Ticket in Wallet, 1600 × 900, 9 kB PNG Light , Ticket in Wallet, 1600 × 900, 123 kB Animated Light , Ticket in Wallet, 1600 × 900, 11 kB Resale at face value A ticket goes from one visitor to another, with a balance that stays level: the same price, no more.
SVG Dark , Resale at face value, 1600 × 1200, 7 kB PNG Dark , Resale at face value, 1600 × 1200, 127 kB Animated Dark , Resale at face value, 1600 × 1200, 8 kB SVG Light , Resale at face value, 1600 × 1200, 7 kB PNG Light , Resale at face value, 1600 × 1200, 131 kB Animated Light , Resale at face value, 1600 × 1200, 8 kB Notifications A phone with a bell above it; notifications slide out one by one, each in the colour of what happened.
SVG Dark , Notifications, 1600 × 1200, 7 kB PNG Dark , Notifications, 1600 × 1200, 136 kB Animated Dark , Notifications, 1600 × 1200, 8 kB SVG Light , Notifications, 1600 × 1200, 7 kB PNG Light , Notifications, 1600 × 1200, 127 kB Animated Light , Notifications, 1600 × 1200, 9 kB Search A search bar with results below it, above a field of nights in which the matches light up pink.
SVG Dark , Search, 1600 × 1200, 14 kB PNG Dark , Search, 1600 × 1200, 108 kB Animated Dark , Search, 1600 × 1200, 15 kB SVG Light , Search, 1600 × 1200, 15 kB PNG Light , Search, 1600 × 1200, 109 kB Animated Light , Search, 1600 × 1200, 16 kB
Organisers Posting a party A form with a poster and fields that fill in; the night then drops into the agenda as a card.
SVG Dark , Posting a party, 1600 × 1200, 8 kB PNG Dark , Posting a party, 1600 × 1200, 133 kB Animated Dark , Posting a party, 1600 × 1200, 10 kB SVG Light , Posting a party, 1600 × 1200, 8 kB PNG Light , Posting a party, 1600 × 1200, 137 kB Animated Light , Posting a party, 1600 × 1200, 11 kB Moderated by a person Nights move along a belt past a gate where a person from the agenda team checks them, free and within a day; a clock runs alongside.
SVG Dark , Moderated by a person, 1600 × 1200, 12 kB PNG Dark , Moderated by a person, 1600 × 1200, 134 kB Animated Dark , Moderated by a person, 1600 × 1200, 14 kB SVG Light , Moderated by a person, 1600 × 1200, 13 kB PNG Light , Moderated by a person, 1600 × 1200, 145 kB Animated Light , Moderated by a person, 1600 × 1200, 15 kB Scanning at the door A door phone scans the QR code of a ticket and shows a tick; visitors walk through the gate inside.
SVG Dark , Scanning at the door, 1600 × 1200, 9 kB PNG Dark , Scanning at the door, 1600 × 1200, 120 kB Animated Dark , Scanning at the door, 1600 × 1200, 10 kB SVG Light , Scanning at the door, 1600 × 1200, 9 kB PNG Light , Scanning at the door, 1600 × 1200, 123 kB Animated Light , Scanning at the door, 1600 × 1200, 10 kB Portal with figures The organiser portal as a plate: bars in three dimensions, a line that draws itself and a ring that fills up.
SVG Dark , Portal with figures, 1600 × 1200, 8 kB PNG Dark , Portal with figures, 1600 × 1200, 137 kB Animated Dark , Portal with figures, 1600 × 1200, 10 kB SVG Light , Portal with figures, 1600 × 1200, 8 kB PNG Light , Portal with figures, 1600 × 1200, 141 kB Animated Light , Portal with figures, 1600 × 1200, 10 kB Wide 16:9 SVG Dark , Portal with figures, 1600 × 900, 8 kB PNG Dark , Portal with figures, 1600 × 900, 130 kB Animated Dark , Portal with figures, 1600 × 900, 10 kB SVG Light , Portal with figures, 1600 × 900, 8 kB PNG Light , Portal with figures, 1600 × 900, 134 kB Animated Light , Portal with figures, 1600 × 900, 10 kB Featured Among ordinary nights one stands on a pedestal in the light, with an amber star: a featured slot.
SVG Dark , Featured, 1600 × 1200, 10 kB PNG Dark , Featured, 1600 × 1200, 134 kB Animated Dark , Featured, 1600 × 1200, 10 kB SVG Light , Featured, 1600 × 1200, 10 kB PNG Light , Featured, 1600 × 1200, 141 kB Animated Light , Featured, 1600 × 1200, 11 kB Team and roles An organisation in the middle with five people around it, each with a role: owner, manager, marketing, door and finance.
SVG Dark , Team and roles, 1600 × 1200, 8 kB PNG Dark , Team and roles, 1600 × 1200, 134 kB Animated Dark , Team and roles, 1600 × 1200, 11 kB SVG Light , Team and roles, 1600 × 1200, 8 kB PNG Light , Team and roles, 1600 × 1200, 132 kB Animated Light , Team and roles, 1600 × 1200, 11 kB
Security in three layers Three plates stacked: the edge, the app and the data. A request goes down through them and the answer comes back up; bots stop at the edge.
SVG Dark , Security in three layers, 1600 × 1200, 6 kB PNG Dark , Security in three layers, 1600 × 1200, 132 kB Animated Dark , Security in three layers, 1600 × 1200, 9 kB SVG Light , Security in three layers, 1600 × 1200, 6 kB PNG Light , Security in three layers, 1600 × 1200, 138 kB Animated Light , Security in three layers, 1600 × 1200, 9 kB Wide 16:9 SVG Dark , Security in three layers, 1600 × 900, 6 kB PNG Dark , Security in three layers, 1600 × 900, 132 kB Animated Dark , Security in three layers, 1600 × 900, 10 kB SVG Light , Security in three layers, 1600 × 900, 7 kB PNG Light , Security in three layers, 1600 × 900, 136 kB Animated Light , Security in three layers, 1600 × 900, 10 kB Privacy and data A profile card and a switch: flip it and the details on the card turn into dots, under a shield.
SVG Dark , Privacy and data, 1600 × 1200, 7 kB PNG Dark , Privacy and data, 1600 × 1200, 122 kB Animated Dark , Privacy and data, 1600 × 1200, 8 kB SVG Light , Privacy and data, 1600 × 1200, 7 kB PNG Light , Privacy and data, 1600 × 1200, 133 kB Animated Light , Privacy and data, 1600 × 1200, 8 kB Paying with PPL Pay A phone with the payment screen and a button; after the tap comes a tick and the coins travel to the organiser.
SVG Dark , Paying with PPL Pay, 1600 × 1200, 7 kB PNG Dark , Paying with PPL Pay, 1600 × 1200, 122 kB Animated Dark , Paying with PPL Pay, 1600 × 1200, 8 kB SVG Light , Paying with PPL Pay, 1600 × 1200, 7 kB PNG Light , Paying with PPL Pay, 1600 × 1200, 124 kB Animated Light , Paying with PPL Pay, 1600 × 1200, 9 kB API and MCP for developers The platform as a block with the mark on top, linked to a code window through a connector; blocks of data travel back and forth.
SVG Dark , API and MCP for developers, 1600 × 1200, 7 kB PNG Dark , API and MCP for developers, 1600 × 1200, 124 kB Animated Dark , API and MCP for developers, 1600 × 1200, 9 kB SVG Light , API and MCP for developers, 1600 × 1200, 7 kB PNG Light , API and MCP for developers, 1600 × 1200, 128 kB Animated Light , API and MCP for developers, 1600 × 1200, 9 kB Support and help centre A lifebuoy above a stack of help articles, with a question coming in and an answer going back.
SVG Dark , Support and help centre, 1600 × 1200, 8 kB PNG Dark , Support and help centre, 1600 × 1200, 116 kB Animated Dark , Support and help centre, 1600 × 1200, 9 kB SVG Light , Support and help centre, 1600 × 1200, 8 kB PNG Light , Support and help centre, 1600 × 1200, 116 kB Animated Light , Support and help centre, 1600 × 1200, 10 kB News Three articles stand one behind the other on a plate, the front one with an amber new label.
SVG Dark , News, 1600 × 1200, 7 kB PNG Dark , News, 1600 × 1200, 106 kB Animated Dark , News, 1600 × 1200, 7 kB SVG Light , News, 1600 × 1200, 7 kB PNG Light , News, 1600 × 1200, 105 kB Animated Light , News, 1600 × 1200, 8 kB Partners Two plates with a bridge between them that settles into place; then the traffic flows across it both ways.
SVG Dark , Partners, 1600 × 1200, 9 kB PNG Dark , Partners, 1600 × 1200, 118 kB Animated Dark , Partners, 1600 × 1200, 10 kB SVG Light , Partners, 1600 × 1200, 9 kB PNG Light , Partners, 1600 × 1200, 124 kB Animated Light , Partners, 1600 × 1200, 10 kB Artists and line-ups A line-up as a poster, from big to small, with artists on pedestals beside it and an equaliser moving along.
SVG Dark , Artists and line-ups, 1600 × 1200, 7 kB PNG Dark , Artists and line-ups, 1600 × 1200, 123 kB Animated Dark , Artists and line-ups, 1600 × 1200, 9 kB SVG Light , Artists and line-ups, 1600 × 1200, 7 kB PNG Light , Artists and line-ups, 1600 × 1200, 129 kB Animated Light , Artists and line-ups, 1600 × 1200, 10 kB Festivals with stages A festival site with three stages in pink, violet and amber, paths between them with people, and a timetable that runs along.
SVG Dark , Festivals with stages, 1600 × 1200, 12 kB PNG Dark , Festivals with stages, 1600 × 1200, 120 kB Animated Dark , Festivals with stages, 1600 × 1200, 14 kB SVG Light , Festivals with stages, 1600 × 1200, 12 kB PNG Light , Festivals with stages, 1600 × 1200, 129 kB Animated Light , Festivals with stages, 1600 × 1200, 14 kB UnitedPPL, a family of brands Five equal blocks on one foundation: PartyPPL, PartyPeepz, GamingPPL, PPL Pay and MarryPPL. A light runs past all of them.
SVG Dark , UnitedPPL, a family of brands, 1600 × 1200, 8 kB PNG Dark , UnitedPPL, a family of brands, 1600 × 1200, 122 kB Animated Dark , UnitedPPL, a family of brands, 1600 × 1200, 9 kB SVG Light , UnitedPPL, a family of brands, 1600 × 1200, 8 kB PNG Light , UnitedPPL, a family of brands, 1600 × 1200, 124 kB Animated Light , UnitedPPL, a family of brands, 1600 × 1200, 10 kB
States Empty A plate with empty places in dashed lines and a card floating above them, ready to be put down.
SVG Dark , Empty, 1600 × 1200, 4 kB PNG Dark , Empty, 1600 × 1200, 106 kB Animated Dark , Empty, 1600 × 1200, 4 kB SVG Light , Empty, 1600 × 1200, 4 kB PNG Light , Empty, 1600 × 1200, 106 kB Animated Light , Empty, 1600 × 1200, 4 kB Not found A floor of tiles with one missing; the tile floats above with a question mark while a magnifier searches.
SVG Dark , Not found, 1600 × 1200, 9 kB PNG Dark , Not found, 1600 × 1200, 115 kB Animated Dark , Not found, 1600 × 1200, 10 kB SVG Light , Not found, 1600 × 1200, 10 kB PNG Light , Not found, 1600 × 1200, 116 kB Animated Light , Not found, 1600 × 1200, 10 kB Offline A phone and the server with an open connection between them; the plug reaches for the socket and messages wait until it works again.
SVG Dark , Offline, 1600 × 1200, 7 kB PNG Dark , Offline, 1600 × 1200, 107 kB Animated Dark , Offline, 1600 × 1200, 7 kB SVG Light , Offline, 1600 × 1200, 7 kB PNG Light , Offline, 1600 × 1200, 107 kB Animated Light , Offline, 1600 × 1200, 7 kB Done The two P's of the mark come together from left and right; where they overlap the amber comes up, with a ring spreading out.
SVG Dark , Done, 1600 × 1200, 5 kB PNG Dark , Done, 1600 × 1200, 124 kB Animated Dark , Done, 1600 × 1200, 8 kB SVG Light , Done, 1600 × 1200, 5 kB PNG Light , Done, 1600 × 1200, 133 kB Animated Light , Done, 1600 × 1200, 8 kB
Use Dark on a dark background, light on a light one. Do not convert or recolour them. The SVG for the web, the PNG for documents and presentations. The wide version leaves room for a heading on the left. An animated drawing stands still for anyone who asks for less motion. One illustration per panel, never as a background behind text. 
