From eb30dfe16364f46fce6104044fe23b3572bf7274 Mon Sep 17 00:00:00 2001 From: arturoacevedob Date: Thu, 30 Nov 2017 11:51:38 -0600 Subject: [PATCH] Guidelines. Added guidelines with instructions. --- guidelines/Instructions.md | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 guidelines/Instructions.md diff --git a/guidelines/Instructions.md b/guidelines/Instructions.md new file mode 100644 index 00000000..9dc8eb2f --- /dev/null +++ b/guidelines/Instructions.md @@ -0,0 +1,19 @@ +# Guidelines + +* **Green** is the safe zone, where the main body of the icon should be. + +* **Yellow** is like a road shoulder, it's there if more space is needed. It should be used for protruding elements, like corners or ornaments. + +* **Red** is off limits. It should not be touched by the icons. Red is also how a circular icon would look. + +## guideline.svg + +This is the standard guideline. It helps with sizing for both square and circle icons, so they would look good no matter what border radius is chosen. + +## guideline for small squares.svg + +This guideline solves visibility problems with sizing for both squares and circles, where it might end up a bit small for good visibility when displayed at very, very small sizes in square form. + +—— + +Needless to say, these are just guides. If they don't accommodate a certain shape, then they shouldn't be followed strictly. \ No newline at end of file