Skip to content

Commit d59fae8

Browse files
committed
fix: resolve merge conflicts, update footer bg color, remove vertical borders, fix particle warning
2 parents 0987a22 + 65ff8c3 commit d59fae8

27 files changed

Lines changed: 1045 additions & 2228 deletions

File tree

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -269,4 +269,4 @@ Made with ❤️ by the recode hive community
269269
<img src="https://img.shields.io/badge/⬆️-Back%20to%20Top-red?style=for-the-badge" alt="Back to Top"/>
270270
</a>
271271

272-
</div>
272+
</div>

blog/authors.yml

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ sanjay-kv:
66
email: sanjay@recodehive.com
77
page: true # Turns the feature on
88
description: >
9-
I'm a Software Engineer turned into a Data Engineer and Program Manager🚀, 🏆 Google ML Facilitator & Ex- GitHub CE who delivered 100+ talks on ML and open source and developer advocacy at various events and platforms.
9+
Founder of recodehive and Technical program manager, Prev Google ML Facilitator & Ex- GitHub CE who delivered 100+ talks on ML and open source and developer advocacy.
1010
1111
socials:
1212
x: https://x.com/sanjay_kv_
@@ -19,7 +19,7 @@ sanjay-kv:
1919

2020
sowmiya-v:
2121
name: Sowmiya Venkatesan
22-
tile: Business Strategy & Operations Manager
22+
tile: Business Strategy & Operations Manager
2323
url: https://github.com/sowmiyeh
2424
image_url: https://avatars.githubusercontent.com/u/74345706?v=4
2525

@@ -33,7 +33,6 @@ Aditya-Singh-Rathore:
3333
description: >
3434
Aditya is a self-taught, Fabric-certified Data Engineer, GSSoC winner, author, and open-source enthusiast passionate about building scalable data solutions, contributing to the community, and sharing knowledge through blogs and public learning.
3535
36-
3736
socials:
3837
linkedin: aditya-singh-rathore0017
3938
github: Adez017

blog/google-icon-update/index.md

Lines changed: 15 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ import imgWorkspace from './assets/06-googleworkspace-new-logo.png';
4141

4242
<!-- truncate -->
4343

44-
---
44+
4545

4646
Last week I clicked Google Meet when I meant to click Google Calendar.
4747

@@ -52,20 +52,23 @@ It's a phenomenon called cognitive friction. You have to stop searching for a re
5252
:::
5353

5454
<BrowserWindow url="https://github.com/recodehive/recode-website/issues" bodyStyle={{padding: 0}}>
55-
[![Github](./assets/05-google-new-logo.png)]()
55+
![Github](./assets/05-google-new-logo.png)
5656
</BrowserWindow>
5757

5858
<span style={{color: 'red'}}>**So From when the issue started happening?**</span>
5959
This specific daily annoyance traces back to 2020, when Google retired G Suite and rolled out Google Workspace. They erased the unique shapes of their most popular apps and replaced them with uniform outlines.
6060

6161
So lets look at Gsuite Icons. 👇🏻
62-
<ZoomImage src={imgGsuite} alt="Google old GSuite logo" />
62+
<BrowserWindow url="https://github.com/recodehive/recode-website/issues" bodyStyle={{padding: 0}}>
63+
![Github](./assets/03-google-old-gsuite-logo.png)
64+
</BrowserWindow>
65+
6366
<span style={{color: 'red'}}> **The problem**</span>
6467
It has been happening for five years. The four icons sit in my browser tab bar looking almost identical: same four colors, same flat shapes, same overall vibe. My brain processes them as one visual blob rather than four separate apps. I once spent 30 seconds in a Google Meet waiting room before realizing I had joined my own meeting instead of opening my calendar to check the time.
6568

6669
<span style={{color: 'green'}}> **The Solution**</span> If that sounds familiar, Google finally heard you. And me. And apparently everyone who has ever stared at a browser tab bar wondering which shade of blue-red-yellow-green meant Calendar versus Drive.
6770
<BrowserWindow url="https://github.com/recodehive/recode-website/issues" bodyStyle={{padding: 0}}>
68-
[![Github](./assets/01-New-Google-icon-Design.jpg)]()
71+
![Github](./assets/01-New-Google-icon-Design.jpg)
6972
</BrowserWindow>
7073

7174

@@ -84,19 +87,20 @@ At the time, the rebrand looked clean on paper. Google unified its entire app su
8487

8588
<div className="img-zoom">
8689

87-
[![Github](./assets/03-google-old-apps-logo.png)]()
90+
![Github](./assets/03-google-old-apps-logo.png)
8891

8992
</div>
9093

9194
Within hours of the 2020 announcement, the internet responded with a very specific complaint: all the icons now look the same. The new Gmail icon was the most mocked. The classic envelope with a red M that everyone recognized was replaced with a four-color M that looked like a child's art project. People struggled to tell Calendar from Drive, Drive from Docs, and Meet from everything else at a glance.
9295
<BrowserWindow url="https://github.com/recodehive/recode-website/issues" bodyStyle={{padding: 0}}>
93-
[![Github](./assets/04-google-old-outline-logo.png)]()
96+
![Github](./assets/04-google-old-outline-logo.png)
9497
</BrowserWindow>
9598

9699
The complaint was not just aesthetic. It was functional. When apps share the same four colors and similar shapes, your brain cannot build distinct visual shortcuts for each one. You have to read the icon rather than recognize it. That adds cognitive friction dozens of times a day. Multiply that across 3 billion Google Workspace users and the accumulated frustration becomes significant.
97100

98-
<ZoomImage src={imgWorkspace} alt="Google new Workspace logo" />
99-
101+
<BrowserWindow url="https://github.com/recodehive/recode-website/issues" bodyStyle={{padding: 0}}>
102+
![Github](./assets/06-googleworkspace-new-logo.png)
103+
</BrowserWindow>
100104

101105
<span style={{color: 'red'}}> **Thought process behind Google**</span>? In 2020
102106
millions of employees were suddenly forced out of physical offices and onto their laptops at kitchen tables. Google needed to convince these remote teams that separate productivity tools like Docs, Sheets, and Meet were actually one single, highly integrated cloud ecosystem.
@@ -112,7 +116,7 @@ The practical reason is simple: they finally ran out of excuses not to fix it. T
112116

113117
The strategic reason is more interesting. Look at which Google products got gradient icons first before this Workspace rollout: the Google G logo, Gemini, Google Photos, Google Maps. Every product associated with <span style={{color: 'green'}}>**Google's AI push** </span>got gradients first. Applying the same design language to Workspace now visually ties the entire productivity suite to the AI narrative.
114118
<BrowserWindow url="https://github.com/recodehive/recode-website/issues" bodyStyle={{padding: 0}}>
115-
[![Github](./assets/08-google-old.png)]()
119+
![Github](./assets/08-google-old.png)
116120
</BrowserWindow>
117121

118122
Google I/O 2026 is happening this week. The timing of this rollout is not accidental. Google is walking into its biggest annual developer event with a refreshed product suite that looks modern, AI-adjacent, and ready for the next phase of Workspace. The icon redesign is as much a marketing signal as a usability fix.
@@ -127,7 +131,7 @@ The strict four-color rule is gone. Instead of forcing every icon to carry all f
127131

128132
Looking at the new icons directly, here is what stands out:
129133
<BrowserWindow url="https://github.com/recodehive/recode-website/issues" bodyStyle={{padding: 0}}>
130-
[![Github](./assets/09-google-new-design.png)]()
134+
![Github](./assets/09-google-new-design.png)
131135
</BrowserWindow>
132136

133137
The icons are also physically larger in the launcher. Google removed the Workspace page container that previously boxed each icon in, giving more visual real estate to the icon shapes themselves.
@@ -158,7 +162,7 @@ The core complaint for five years was that all the icons look the same. That com
158162

159163
What is not addressed is the deeper question of whether icon design is even the right layer to solve the problem at. The real confusion in a modern Google workflow is not which icon to click. It is which Google product to use for which task. Should this document live in Drive or Sites? Should this conversation happen in Chat or Gmail? Should this meeting be in Meet or Calendar notes?
160164
<BrowserWindow url="https://github.com/recodehive/recode-website/issues" bodyStyle={{padding: 0}}>
161-
[![Github](./assets/11-google-new-design-changes.jpg)]()
165+
![Github](./assets/11-google-new-design-changes.jpg)
162166
</BrowserWindow>
163167

164168
Icon legibility is a surface-level fix for a suite that has genuine overlap and redundancy problems underneath. The new icons will help you click the right app faster. They will not help you decide which app you actually need.

docusaurus.config.ts

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,13 @@ const config: Config = {
5959
},
6060
],
6161

62+
stylesheets: [
63+
{
64+
href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
65+
type: "text/css",
66+
},
67+
],
68+
6269
i18n: {
6370
defaultLocale: "en",
6471
locales: ["en"],
@@ -192,7 +199,7 @@ const config: Config = {
192199
},
193200
{
194201
label: "🗺️ Roadmap",
195-
to: "/roadmaps",
202+
href: "https://github.com/orgs/recodehive/projects/9",
196203
},
197204
{
198205
label: "🤝 Community",

0 commit comments

Comments
 (0)