Illustrations
1st Money has commissioned our own set of product illustrations. Feel free to use them in 1st Money products or promotional materials as much as you like. If adding to the illustrations library, please follow these guidelines.
1 Feeling
- People: show lots of people.
- Happy: smiling, laughing, talking.
- Movement: walking, jumping, working.
- Everyday objects: letter, dog, smartphone, laptop.
- Engaged in what they're doing. No awkward smiling at the audience.
- Streamlined:
- Keep lines and objects to a minimum.
- Use lines for people's arms and legs (animals can have full shapes).
- Use very standard shapes for clothing.
- Minimal facial features (mouth only).
2 Lines
- Avoid straight lines.
- Line style:
- Thickness:
6pt
(for all lines) - Line shape: Illustrator width profile 1 (pointed oval shape).
- Colour: pud20,
rgb(190, 161, 241)
, #BEA1F1
- Thickness:
- Add lines to indicate motion.
3 Shadows
- Only have shadows on the ground (not on clothing or objects).
- Shadows:
fill="#18277B" fill-opacity="0.09"
4 Skin
- Colour: pud03,
rgb(244, 240, 254)
, #F4F0FE
5 Colours
- Offset to the bottom right.
- Hair:
pnk50
,rgb(233, 30, 99)
, #E91E63
- Colours from 10% range (below):
red10
rgb(255,217,214)
#FFD9D6 pnk10
rgb(255,204,221)
#FFCCDD pur10
rgb(244,202,251)
#F4CAFB ind10
rgb(208,215,250)
#D0D7FA pnk10
rgb(255,204,221)
#FFCCDD blu10
rgb(209,234,255)
#D1EAFF
bll10
rgb(204,239,255)
#CCEFFF cyn10
rgb(193,247,255)
#C1F7FF tal10
rgb(192,246,242)
#C0F6F2 grn10
rgb(212,246,212)
#D4F6D4 grl10
rgb(233,252,211)
#E9FCD3 lim10
rgb(250,255,209)
#FAFFD1
yel10
rgb(255,250,214)
#FFFAD6 amb10
rgb(255,242,204)
#FFF2CC oge10
rgb(255,234,204)
#FFEACC ogd10
rgb(255,220,209)
#FFDCD1 bwn10
rgb(233,219,215)
#E9DBD7 grb10
rgb(219,228,234)
#DBE4EA
rgb(255,217,214)
#FFD9D6 pnk10
rgb(255,204,221)
#FFCCDD pur10
rgb(244,202,251)
#F4CAFB ind10
rgb(208,215,250)
#D0D7FA pnk10
rgb(255,204,221)
#FFCCDD blu10
rgb(209,234,255)
#D1EAFF
bll10
rgb(204,239,255)
#CCEFFF cyn10
rgb(193,247,255)
#C1F7FF tal10
rgb(192,246,242)
#C0F6F2 grn10
rgb(212,246,212)
#D4F6D4 grl10
rgb(233,252,211)
#E9FCD3 lim10
rgb(250,255,209)
#FAFFD1
yel10
rgb(255,250,214)
#FFFAD6 amb10
rgb(255,242,204)
#FFF2CC oge10
rgb(255,234,204)
#FFEACC ogd10
rgb(255,220,209)
#FFDCD1 bwn10
rgb(233,219,215)
#E9DBD7 grb10
rgb(219,228,234)
#DBE4EA
6 Saving
- Select all, then: Object > Path > Simplify
- Set to: "95%"
.svg
file.- Saved to:
..\Dropbox\login_images\finals\
7 Examples
Click to enlarge.
Was this page helpful?