From fa8fdaabac6b7e49ec1bdc5a3d6f9251586263c7 Mon Sep 17 00:00:00 2001 From: Arturo Acevedo Date: Fri, 1 Dec 2017 13:14:56 -0600 Subject: [PATCH] Aligned to guideline and path optimized Airbnb, Amazon, Authy, Badoo and Bitcoin. (#98) 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. * Aligned to guideline and path optimized Airbnb, Amazon, Authy, Badoo and Bitcoin. All were aligned accordingly and optimized to the following percentages: Airbnb - 43% Amazon - 0% Authy - 38% Badoo - 23% Bitcoin + 1% I’ll update Readme. * Fixed Amazon radius. Whops. --- guidelines/Instructions.md | 13 +++++++++++++ guidelines/guideline.svg | 6 ++++++ images/svg/airbnb.svg | 2 +- images/svg/amazon.svg | 2 +- images/svg/authy.svg | 2 +- images/svg/badoo.svg | 2 +- images/svg/bitcoin.svg | 2 +- 7 files changed, 24 insertions(+), 5 deletions(-) create mode 100644 guidelines/Instructions.md create mode 100644 guidelines/guideline.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/airbnb.svg b/images/svg/airbnb.svg index cbe93e58..eb5b33e9 100644 --- a/images/svg/airbnb.svg +++ b/images/svg/airbnb.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/images/svg/amazon.svg b/images/svg/amazon.svg index 1f56378c..c12ca26a 100644 --- a/images/svg/amazon.svg +++ b/images/svg/amazon.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/images/svg/authy.svg b/images/svg/authy.svg index 0ff1bbef..04fd6d84 100644 --- a/images/svg/authy.svg +++ b/images/svg/authy.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/images/svg/badoo.svg b/images/svg/badoo.svg index 7cc54a5c..65c2e245 100644 --- a/images/svg/badoo.svg +++ b/images/svg/badoo.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/images/svg/bitcoin.svg b/images/svg/bitcoin.svg index 3be0cd68..fdf26746 100644 --- a/images/svg/bitcoin.svg +++ b/images/svg/bitcoin.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file