Best Practice
Icon System
Do
Dont's
<span data-metadata=""><span data-buffer="">Use icons with text labels that have meaning.
<span data-metadata=""><span data-buffer="">Icons without labels can be confusing.
Do
Dont's
<span data-metadata=""><span data-buffer="">Use only one icon to represent a concept.
<span data-metadata=""><span data-buffer="">Avoid using multiple icon variations for the same concept.
Do
Dont's
<span data-metadata=""><span data-buffer="">Center-align icons when they are next to text.
<span data-metadata=""><span data-buffer="">Do not baseline-align icons with text.
Do
Dont's
<span data-metadata=""><span data-buffer="">Use matching colors for both the text and icon when pairing them.
<span data-metadata=""><span data-buffer="">Do not use different colors for text and icon.
Icon Illustration
Do
Dont's
<span data-metadata=""><span data-buffer="">Persian Blue, Yellow and Orange is the primary color for illustration. Use the secondary color if necessary
<span data-metadata=""><span data-buffer="">Don’t use to many secondary color
Do
Dont's
Make sure the object size not too big. Keep the balance between object, decoration and white space
Objects are too big. White space is less than 20%
Do
Dont's
Decoration is necessary but use only 2-3 element to decorate the illustration. Keep it nice and clean
Don’t be too busy. Make it simple and to the point