edent/SuperTinyIcons
1
0
Fork 1
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

Removed guidelines for small squares.

Browse Source
This commit is contained in:
arturoacevedob
2017-11-30 14:53:05 -06:00
parent 3b3b4befb2
commit f28c949b8d
2 changed files with 2 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
guidelines/Instructions.md
View File

@@ -1,19 +1,13 @@
# Guidelines # Guidelines
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.
* **Green** is the safe zone, where the main body of the icon should be. * **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. * **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. * **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. Needless to say, these are just guides. If they don't accommodate a certain shape, then they shouldn't be followed strictly.

6
guidelines/guideline for small squares.svg
View File

@@ -1,6 +0,0 @@
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Guidelines" role="img">
<rect fill="#222" height="512" rx="15%" width="512"/>
<rect fill="#ff3f32" height="512" rx="30%" width="512"/>
<rect fill="#ffd900" height="512" rx="40%" width="512"/>
<rect fill="#4cd966" height="448" rx="40%" width="448" x="32" y="32"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 347 B