Book24 × 24
Book
Reading lists and resources
Smallmarks.
A small visual vocabulary for websites with something to say. Original SVG icons, ready to find their place.
Choose your coloursCompass / enlarged24 × 24 source canvas
2-unit rounded stroke
2-unit rounded stroke
Clear signals.
Useful on a page.
Small enough to keep.
Colour, considered.
Try your palette. Copied and downloaded files follow your chosen colours.
A study in
small details.
Eight original marks on the same 24 × 24 canvas. Shown at different scales, with a useful job waiting for each.
Open note24 × 24
Open note
Notes and learning materials
View source
Calendar24 × 24
Calendar
Dates and booking details
View source
Message24 × 24
Message
Contact and conversations
View source
Link24 × 24
Link
Related pages and references
View source
Download24 × 24
Download
Files ready to take away
View source
Spark24 × 24
Spark
Ideas and new additions
View source
Compass24 × 24
Compass
Direction and navigation
View source
Process / four connected stepsGive the work
Give the work
a clear path.
Brief, Make, Refine, Deliver. A four-step diagram gives your process a shape people can follow.
Use the supplied steps or replace the labels in a vector or text editor. Even the paperwork deserves a little art direction.
View diagram source
Service flow480 × 760 canvas
One process. Four moments worth explaining.
The complete field study.
The original artwork together on one sheet. Keep it nearby when a page needs the right small detail.
View overview source
Put the little things
to work.
The guide covers colours, SVG files and accessible labels. These marks can live across your own and client websites.
Make room for
a bigger vocabulary.
The full packs add more icons and more ways to show how a service works. Your download icon has company.