gram

Author: TomasVotruba

public/assets/images/blog/2024/logo/making-01.jpg

@@ -2,26 +2,26 @@
 id: 75
 title: "Evolution of New Rector Logo"
 perex: |
-    After 7 years since first Rector commit we have a new logo!
+    After 7 years since the first Rector commit, we have a new logo!
 
-    Today we're proud to share streamlined, smooth and modernized version of the Rector logo. Similar to project upgrade, the final version looks great, but journey is the destination. Did you know it took 40 commits, 5 sketched paper pages and 3 months to get there?
+    Today, we're proud to share a streamlined, smooth, and modernized version of the Rector logo. Similar to a project upgrade, the final version looks great, but the journey is the destination. Did you know it took 40 commits, 5 sketched paper pages, and 3 months to get there?
 
-    Today I'd like to share the backstory with you.
+    Today, I'd like to share the backstory with you.
 ---
 
-Rector started as a pet project to ease my daily work. I asked a friend who worked mostly with camera to make a logo and he helped me out.
+Rector started as a pet project to ease my daily work. I asked a friend to make a logo, and he helped me.
 
-The job description was "house, left part old, right part new". I wanted to show the main purpose of **rec**onstruc**tor** (original name) = a code reconstruction. I haven't told this to anyone, but it represents house in Liberec where I grew up with my family. My father used to reconstruct it all the time. The result was logo we all know:
+The job description was "house, left part old, right part new". I wanted to show the main purpose of **rec**onstruc**tor** (original name) = a code reconstruction. I haven't told this to anyone, but it represents the house in Liberec where I grew up with my family. My father used to reconstruct it all the time. The result was the logo we all know:
 
 <img src="/assets/images/blog/2024/logo/logo-old.png" style="width:9em; margin: 1em 0 2em">
 
-It was good for time being. But Rector grew, a pet project turned into full-time work, company, [a book](https://leanpub.com/rector-the-power-of-automated-refactoring) and regular conference talks. Logo with 30 colors+, gradients and tiny details was impossible to use in printed material. Need for new version was imminent.
+It was good for the time being. But Rector grew, a pet project turned into full-time work, company, [a book](https://leanpub.com/rector-the-power-of-automated-refactoring) and regular conference talks. A logo with 30 colors+, gradients, and tiny details was impossible to use in printed material. The need for a new version was imminent.
 
-We though of new Rector logo since 2020. We wanted a new logo to land on [Rector 1.0 live release in Laracon 2024](/blog/rector-1-0-is-here), Amsterdam. But many new features presented in the talk had to be delivered first. After the Rector 1.0 release, we got few offers by external designers, yet we could not find a right fit with any of those.
+We have been thinking of a new Rector logo since 2020. We wanted a new logo to land on [Rector 1.0 live release in Laracon 2024](/blog/rector-1-0-is-here), Amsterdam. But many of the new features presented in the talk had to be delivered first. After the Rector 1.0 release, we received a few offers from external designers, yet we could not find a good fit with any of them.
 
-We joined [Open Source Pledge](/blog/rector-is-joining-open-source-pledge) this year to spread out the "giving back to open-source is normal" message. Couple weeks after joining the pledge we got a surprise message: "Oh, your logo will be on Times Square"... the only problem was, we had to stitch up a new temporary simple logo within a week.
+We joined [Open Source Pledge](/blog/rector-is-joining-open-source-pledge) this year to spread the "giving back to open-source is normal" message. A couple of weeks after joining the pledge, we got a surprise message: "Oh, your logo will be on Times Square." The only problem was that we had to stitch up a new, temporary, simple logo within a week.
 
-"Just strip down every details, make it simple". This was the result:
+"Just strip down every detail; make it simple". This was the result:
 
 <img src="/assets/images/blog/2024/logo/rejected-01.png" style="width:9.3em; padding: 1em 0 1.5em">
 
@@ -33,71 +33,77 @@ Butter, but still not pretty to watch. It was the last nail in the coffin.
 
 ## It's an Upgrade Time... of Logo
 
-I wanted to keep the house, as it's a part of Rector's DNA. I wanted to keep left "shady" and right "modern" side.
-The logo should represent modern streamlined change, like we do with legacy projects that are perceived as impossible to upgrade.
+I wanted to keep the house, as it's a part of Rector's DNA. I wanted to keep the left "shady" and the right "modern" side.
+The logo should represent modern, streamlined change as we do with legacy projects that are perceived as impossible to upgrade.
 
 <br>
 
 The logo must be:
 
 * **simple = 2 colors maximum**
 * **modern with curves**
-* easy to print and spot in tiny version (favicon)
-* **A/B tested on users**, so we get the idea how developers see our identity
+* easy to print and spot in a tiny version (favicon)
+* **A/B tested on users**, so we get the idea of how developers see our identity
 
 <br>
 
-We've decided to make as many iterations as needed, until we're sure it's the right one.
+We've decided to make as many iterations as needed until we're sure it's the right one.
+
+<img src="/assets/images/blog/2024/logo/making-01.jpg" style="max-width: 30em" class="img-thumbnail">
 
 <br>
 
 <hr>
 
 <br>
 
-**2nd iteration** came with idea "let's use CI colors, the left for warnings, the right for successful pass":
+**2nd iteration** came up with an idea: "Let's use CI colors, the left for warnings, the right for a successful pass.":
 
 <img src="/assets/images/blog/2024/logo/rejected-02.png" style="width:9em;padding: 0 0 1em">
 
 What was the feedback?
 
-* "the yellow/orange colors is not contrast enough"
-* "there are too many lines and details
-* "there are basically 4 colors"
-* "what are those horizontal lines?"
+* "The yellow/orange colors do not contrast enough."
+* "There are too many lines and details
+* "There are basically 4 colors."
+* "What are those horizontal lines?"
 
 <br>
 
 <hr>
 
 <br>
 
+<img src="/assets/images/blog/2024/logo/making-02.jpg" style="max-width: 30em" class="img-thumbnail">
+
 On **3rd iteration** we've found a great [color palette](https://colorhunt.co/palette/4d46465b56567fcd91f5eaea) we fell in love:
 
-<img src="/assets/images/blog/2024/logo/rejected-03.svg" style="width:9em;padding: 0 0 1em">
+<img src="/assets/images/blog/2024/logo/rejected-03.svg" style="width:9em; padding: 0 0 1em">
 
 What was the feedback?
 
-* "colors look much better"
-* "when it's small, there are still many details"
-* "is the roof flying?"
+* "Colors look much better"
+* "When it's small, there are still many details"
+* "Is the roof flying?"
 * "remove windows, remove doors - people will get it"
 
+<img src="/assets/images/blog/2024/logo/making-03.jpg" style="width:9em; padding: 0 0 1em">
+
 <br>
 
 <hr>
 
 <br>
 
-We've integrated feedback and in **4th iteration** we removed all the details but cracks:
+We've integrated feedback, and in **4th iteration**, we removed all the details but cracks:
 
 <img src="/assets/images/blog/2024/logo/rejected-04.svg" style="width:9em; padding: 0 0 1em">
 
 What was the feedback?
 
-* "house looks neat"
-* "what are these lines?"
-* "is that homepage icon?"
+* "House looks neat."
+* "What are these lines?"
+* "Is that the homepage icon?"
 
 <br>
 
@@ -107,15 +113,15 @@ What was the feedback?
 
 We don't want to make another homepage icon. We want to make a logo that represents **R**ector. We've removed the confusing lines and tested various "R" fonts.
 
-On **5rd iteration**, we felt were getting closer.
+On **5th iteration**, we felt we were getting closer.
 
 <img src="/assets/images/blog/2024/logo/letter-voting.png" style="width:20em; margin: .5em 2em 1.3em 0" class="img-thumbnail">
 
 What was the feedback?
 
 * "2 in the middle"
 * "2 and 5"
-* "roof is tiny though"
+* "The roof is tiny, though."
 
 <br>
 
@@ -129,17 +135,17 @@ We added a roof testing for **6th iteration**
 
 What was the feedback?
 
-* "2 and 3"
-* "3 or 4"
-* "4 but with bigger chimney"
+* "2 and 3."
+* "3 or 4."
+* "4 but with bigger chimney."
 
 <br>
 
-We went with version 3 and made chimney slightly bigger. Time to test on production!
+We went with version 3 and made the chimney slightly bigger. Time to test on production!
 
 ## Final Version
 
-**We pushed the logo silently on our homepage** to see reactions in the wild. It was great to see people noticing the change and giving us feedback.
+**We silently pushed the logo on our homepage to see reactions in the wild. It was great to see people noticing the change and giving us feedback.
 
 Here is the final version:
 
@@ -150,13 +156,15 @@ Here is the final version:
 
 ## New Rector Book Cover
 
-While at it, we've designed a new cover for the [Rector book](https://leanpub.com/rector-the-power-of-automated-refactoring). It's been updated to Rector 2.0 and they journey looked like this:
+While at it, we've designed a new cover for the [Rector book](https://leanpub.com/rector-the-power-of-automated-refactoring), so it runs Rector 2.0 not only inside but outside as well.
 
-<img src="/assets/images/blog/2024/logo/book-how-it-went.png" style="max-width:45em; margin: 0 0 2.5em 0">
+The 5-iteration journey looked like this:
 
-It's been a long, but adventurous journey. **Rector is build on PHP community, so we've really enjoyed including community on making new logo its best version possible**. We're proud of the final result and we hope you like it too.
+<img src="/assets/images/blog/2024/logo/book-how-it-went.png" style="max-width:45em; margin: 0 0 2.5em 0">
 
+It's been a long but adventurous journey. **Rector is built on the PHP community, so we've really enjoyed including the community in making the new logo** the best version possible.
 
+We're proud of the final result, and we hope you like it, too.
 
 <br>