4a26edb2c3
* Visually centered a few icons, some new paths and optimizations. Apple - Visually centered and change the path to more a accurate one. Bytes: 1011 —> 580. Dropbox - Visually centered and change the path to fix point alignment. Bytes: 338 —> 350. Twitter - Visually centered. Bytes: 425 —> 431. Ubuntu - Visually centered and change the path and color to a more accurate one. Bytes: 755 —> 674. Vimeo - Visually centered. Bytes: 375 —> 379. WhatsApp - Visually centered and change the path and color to more a accurate one. Bytes: 646 —> 611. Windows - Visually centered and change the path to fix the lines between shapes. Bytes: 274 —> 284. Hope this helps. FYI: Wikicommons have good SVG shapes and most companies have brand guidelines with accurate logo renditions and colors. * Removed newlines, fixed Ubuntu color and updated ReadMe and Twitter PNG. * Twitter PNG Artifacts Fix. * Optimizations and new color palettes. Apple - New color palette that better represents the brand, and tiny bit smaller. Ubuntu - I keep finding ways to make this one smaller. Wikipedia - New color palette that better represents the brand, and bit smaller. * Update * Update drama * Solving conflicts * Solved conflicts. * Optimizations and new color palettes Apple - New color palette that better represents the brand, and tiny bit smaller. Ubuntu - I keep finding ways to make this one smaller. Wikipedia - New color palette that better represents the brand, and bit smaller. * More Ubuntu optimizations. Learning SVG as we go. * Revert "More Ubuntu optimizations." This reverts commit74c1a45959. * More Ubuntu Optimizations. * Guidelines Folder. * Guidelines. Added guidelines with instructions. * Revert "Guidelines." This reverts commiteb30dfe163. * Revert "Revert "Guidelines."" This reverts commit76edce25ec. * Removed guidelines for small squares.
13 lines
630 B
Markdown
13 lines
630 B
Markdown
# 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.
|
|
|
|
* **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.
|
|
|
|
——
|
|
|
|
Needless to say, these are just guides. If they don't accommodate a certain shape, then they shouldn't be followed strictly. |