Skip to content

All illustrations

46 illustrations — fifteen scenes and 31 objects — and three scenes drawn again in another palette: 483 files, 25.1 MB. Each downloads as an SVG and as a PNG at 2×; Live draws it in place, moving, and the pointer turns it. Click a name to copy it — it is the name to ask for a picture by, and what the live element’s scene or object takes.

  • Cross-screen: TV, phone and laptop on a ring

    Cross-screen: TV, phone and laptop on a ring

    SVGPNG at 2×
  • Three layers of intelligence (a slide)

    Three layers of intelligence (a slide)

    SVGPNG at 2×
  • A data flow: storage, processing, results

    A data flow: storage, processing, results

  • Infrastructure: a server rack and a cloud

    Infrastructure: a server rack and a cloud

  • Release: code, secured, released

    Release: code, secured, released

  • Two phones, each showing a page

    Two phones, each showing a page

  • Spend follows the booking window

    Spend follows the booking window

    SVGPNG at 2×
  • City by city: pins with a radar ping on a folded map

    City by city: pins with a radar ping on a folded map

  • Creative that shows the rate: cards in rotation

    Creative that shows the rate: cards in rotation

    SVGPNG at 2×
  • Cross-screen, held close: TV, phone and laptop on a ring

    Cross-screen, held close: TV, phone and laptop on a ring

    SVGPNG at 2×
  • Booking demand by city, on a split-flap board

    Booking demand by city, on a split-flap board

    SVGPNG at 2×
  • Net new bookers: markets with spend against the holdout

    Net new bookers: markets with spend against the holdout

    SVGPNG at 2×
  • Many events, one paid for: the booking

    Many events, one paid for: the booking

    SVGPNG at 2×
  • MAFO backs every source into a target cost

    MAFO backs every source into a target cost

    SVGPNG at 2×
  • Cross-screen in one colour: red

    Cross-screen in one colour: red

    SVGPNG at 2×
  • Three layers of intelligence in one colour: yellow

    Three layers of intelligence in one colour: yellow

    SVGPNG at 2×
  • Three layers of intelligence in one colour: blue

    Three layers of intelligence in one colour: blue

    SVGPNG at 2×
  • Phone

    Phone

    Screen content: label, colour, icon.

  • Laptop

    Laptop

    Lid, keyboard and screen as one object.

  • TV

    TV

    Panel, stand and foot.

  • Pedestal

    Pedestal

    A low platform a device stands on.

  • Layer plate

    Layer plate

    A layer, with a flat label: icon tile and one line of text.

  • Data packet

    Data packet

    A unit of data, in the three colours.

  • Round platform

    Round platform

    A disc, with an icon tile or a label on top, and an optional tint.

  • Ring platform

    Ring platform

    A disc with a round hole.

  • Storage

    Storage

    A stack of discs; the top one can be tinted and carry an icon.

  • Curve

    Curve

    A flat Bezier arrow: two ends, two handles, one smooth sweep, an open chevron head.

  • Arc

    Arc

    A flat curved arrow with the same head; any token colour can emphasise it.

  • Bar chart

    Bar chart

    Bars on a plate; one can be highlighted with the tint.

  • Block

    Block

    A rounded cube with an icon tile on top: a module, a service.

  • Card

    Card

    An upright card on a foot: a creative, a UI card.

  • Server rack

    Server rack

    Options: how many bays, which one is tinted.

  • Cloud

    Cloud

    Options: width, a tinted rim.

  • Code folder

    Code folder

    Option: the back panel tinted or white.

    SVGPNG at 2×
  • Browser window

    Browser window

    A top bar and three panels; option: which panel is tinted.

    SVGPNG at 2×
  • Chart window

    Chart window

    A line chart of one to three series.

    SVGPNG at 2×
  • Code stack

    Code stack

    A front card with the code icon; option: nought to three cards behind.

    SVGPNG at 2×
  • Flag

    Flag

    A swallow-tail flag with a round code badge; option: badge on or off.

  • Shield

    Shield

    An inner shield on its face; option: the inner tint.

  • User

    User

    A head and shoulders on a disc; option: the tint.

  • Padlock

    Padlock

    A keyhole cut into its body; option: shackle closed or open.

  • Bin

    Bin

    A tapered tub, open, with a flange rim; options: an icon on its face, the tint.

  • Signal

    Signal

    Data moving along an arrow: three spheres, one size on screen, one speed.

  • Demand board

    Demand board

    A board standing on its edge: a title, column heads and rows whose status pills flip live.

  • Map pin

    Map pin

    A map pin on its tip, with a ring round its foot that pings live.

  • Folded map

    Folded map

    An abstract map folded in three; pins stand on it by place.

  • Meter card

    Meter card

    A card with flat words and bars that stand out of it; live, the bars breathe.

    SVGPNG at 2×
  • Screen card

    Screen card

    A card off a phone’s screen: its icon tile and heading, thin, scaled as a whole.

    SVGPNG at 2×

Pepper UI v1.5.0

The Mobupps design system. 386 tokens, 88 components, 65 pages in the workshop — every page of this site generated from the repository, so nothing here is typed twice.