From 4a26edb2c3d3e1c2b5a02ba95d07af54baf6a2b4 Mon Sep 17 00:00:00 2001 From: Arturo Acevedo Date: Fri, 1 Dec 2017 03:21:32 -0600 Subject: [PATCH] Guidelines & More Ubuntu Optimizations. (#91) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 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 commit 74c1a459594584bfff0fa81171198f6bed41c77a. * More Ubuntu Optimizations. * Guidelines Folder. * Guidelines. Added guidelines with instructions. * Revert "Guidelines." This reverts commit eb30dfe16364f46fce6104044fe23b3572bf7274. * Revert "Revert "Guidelines."" This reverts commit 76edce25ec846bb4e4673b0659766901e0124030. * Removed guidelines for small squares. --- .gitignore | 4 ++++ guidelines/Instructions.md | 13 +++++++++++++ guidelines/guideline.svg | 6 ++++++ images/svg/ubuntu.svg | 2 +- 4 files changed, 24 insertions(+), 1 deletion(-) create mode 100644 .gitignore create mode 100644 guidelines/Instructions.md create mode 100644 guidelines/guideline.svg diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..0674c51f --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ + +images/svg/guidelines.svg + +images/svg/guidelines for small sizes.svg diff --git a/guidelines/Instructions.md b/guidelines/Instructions.md new file mode 100644 index 00000000..eb042517 --- /dev/null +++ b/guidelines/Instructions.md @@ -0,0 +1,13 @@ +# 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. \ No newline at end of file diff --git a/guidelines/guideline.svg b/guidelines/guideline.svg new file mode 100644 index 00000000..c1d255dd --- /dev/null +++ b/guidelines/guideline.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/images/svg/ubuntu.svg b/images/svg/ubuntu.svg index 88babc5f..5aa3828f 100644 --- a/images/svg/ubuntu.svg +++ b/images/svg/ubuntu.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file