Skip to content

💄 Standardize consulting service tile icons#4793

Merged
uly1 merged 5 commits into
mainfrom
jb/consulting-tile-icons
Jun 22, 2026
Merged

💄 Standardize consulting service tile icons#4793
uly1 merged 5 commits into
mainfrom
jb/consulting-tile-icons

Conversation

@joshbermanssw

@joshbermanssw joshbermanssw commented Jun 22, 2026

Copy link
Copy Markdown
Member

TL;DR

The /consulting service tiles were a mix of blurry 115px JPGs, PNGs, and SVGs in clashing styles (audited: 42 legacy JPGs upscaled into 126px boxes, plus 7 non-square images). This PR standardizes all of them — real products keep their actual official logos as crisp SVGs, and every conceptual/SSW-specific tile becomes part of one consistent CC4141 Lucide icon family.

How

Two kinds of tile:

  1. Real product / tech → actual official logo (full color SVG): React, Vue, Angular, Next.js, Blazor, .NET (+ MAUI), Jamstack, Kubernetes, Zendesk, Xero, ChatGPT, Power BI, Power Platform, Dynamics 365, Microsoft Viva, Visual Studio, etc. Azure AI / Synapse reuse the existing repo Azure SVG.
  2. Conceptual / SSW-specific → CC4141 line-icon family: 38 icons (Brainstorming, Mentoring, Security, DevOps, Scrum, Strategic Architecture, Database, Service Desk, Support Plans, …) drawn from Lucide (MIT), recolored to SSW red #CC4141 at a 1.5 stroke for a uniform set.

Tiles that already had crisp official assets (Microsoft Azure, SharePoint, M365, Fabric, Access, ServiceNow, WeChat, the CMS logos, most Cloud/Infra SVGs) are left untouched.

Links

The /consulting tiles used a mix of low-res JPGs (115px, upscaled/blurry),
PNGs, and SVGs in inconsistent styles. Standardize them:
- Real products/tech use their actual official logos as SVGs (React, Vue,
  Angular, Next.js, Blazor, .NET, Kubernetes, Power BI, Dynamics 365, etc.)
- Conceptual/SSW-specific tiles use a consistent CC4141 Lucide icon family
  at 1.5 stroke (38 icons).

Only logo paths in index.json change; new assets live in
public/images/thumbs/consulting/new/.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings June 22, 2026 02:32

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@github-actions

github-actions Bot commented Jun 22, 2026

Copy link
Copy Markdown
Contributor

🛑 Staging slot limit reached (11/10). This PR can't get a staging deployment until one frees up. Please close or merge another open PR to release its slot, then re-run this workflow.

@github-actions

github-actions Bot commented Jun 22, 2026

Copy link
Copy Markdown
Contributor

Coverage report

St.
Category Percentage Covered / Total
🔴 Statements 0.19% 72/37873
🔴 Branches 5.56% 24/432
🔴 Functions 0.73% 3/411
🔴 Lines 0.19% 72/37873

Test suite run success

13 tests passing in 1 suite.

Report generated by 🧪jest coverage report action from 8f84ffb

@github-actions

Copy link
Copy Markdown
Contributor

Deployed changes to https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net

@github-actions

Copy link
Copy Markdown
Contributor

🚀 Lighthouse score comparison for PR slot and production

🌐 URL ⚡ Performance ♿ Accessibility ✅ Best Practices 🔍 SEO 📦 Bundle Size 🗑️ Unused Bundle
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/ 52 (⬇️7) 88 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/articles 89 (⬆️25) 93 59 57 (⬇️35) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/about-us 63 (⬆️7) 97 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/clients 89 (⬆️8) 92 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/contact-us 75 (⬆️8) 89 59 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting 51 (⬇️3) 89 56 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting/net-upgrade 75 (⬆️8) 92 56 54 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting/web-applications 75 (⬆️12) 95 59 54 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/employment 74 (⬆️13) 92 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/angular-superpowers-tour 69 (⬇️2) 93 56 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/ai-workshop 92 (⬆️19) 88 56 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/ai-workshop-essentials 61 (⬆️7) 95 59 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/netug/sydney 73 (⬆️1) 90 56 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/training/internship-fullstack 79 (⬆️4) 89 59 61 (⬇️31) 0.00 MB 0.00 MB

The Next.js image optimizer returns 400 for SVG sources (dangerouslyAllowSVG
is off), so every SVG tile logo 404'd on deployed slots. Pass unoptimized
for .svg logos so they serve as raw files.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

No linked issues found. Please add the corresponding issues in the pull request description.
Use GitHub automation to close the issue when a PR is merged

@github-actions

Copy link
Copy Markdown
Contributor

Deployed changes to https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net

The consulting tile 404s were caused by the new icons not being in the Tina
media store (logo is a Tina image field served from the Tina CDN), not the
Next.js image optimizer. Revert the pageCard change; the real fix is uploading
the icons to Tina media.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

Deployed changes to https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net

@github-actions

Copy link
Copy Markdown
Contributor

🚀 Lighthouse score comparison for PR slot and production

🌐 URL ⚡ Performance ♿ Accessibility ✅ Best Practices 🔍 SEO 📦 Bundle Size 🗑️ Unused Bundle
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/ 68 (⬆️9) 88 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/articles 89 (⬆️25) 93 59 57 (⬇️35) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/about-us 63 (⬆️7) 97 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/clients 90 (⬆️9) 92 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/contact-us 75 (⬆️8) 89 59 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting 51 (⬇️3) 89 56 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting/net-upgrade 74 (⬆️7) 92 56 54 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting/web-applications 75 (⬆️12) 95 59 54 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/employment 73 (⬆️12) 92 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/angular-superpowers-tour 69 (⬇️2) 93 56 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/ai-workshop 93 (⬆️20) 88 56 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/ai-workshop-essentials 51 (⬇️3) 95 59 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/netug/sydney 74 (⬆️2) 90 56 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/training/internship-fullstack 78 (⬆️3) 89 59 61 (⬇️31) 0.00 MB 0.00 MB

Replace the phone-call glyph with a support headset + bold "AI" lettering
(vectorized, no font dependency) to match the requested design.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

Deployed changes to https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net

@github-actions

Copy link
Copy Markdown
Contributor

🚀 Lighthouse score comparison for PR slot and production

🌐 URL ⚡ Performance ♿ Accessibility ✅ Best Practices 🔍 SEO 📦 Bundle Size 🗑️ Unused Bundle
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/ 74 (⬆️15) 88 96 (⬆️37) 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/articles 78 (⬆️14) 93 59 57 (⬇️35) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/about-us 63 (⬆️7) 97 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/clients 89 (⬆️8) 92 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/contact-us 74 (⬆️7) 89 59 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting 52 (⬇️2) 89 56 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting/net-upgrade 74 (⬆️7) 92 56 54 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting/web-applications 70 (⬆️7) 95 59 54 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/employment 68 (⬆️7) 92 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/angular-superpowers-tour 85 (⬆️14) 93 56 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/ai-workshop 91 (⬆️18) 88 56 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/ai-workshop-essentials 46 (⬇️8) 95 59 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/netug/sydney 75 (⬆️3) 90 56 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/training/internship-fullstack 82 (⬆️7) 89 59 61 (⬇️31) 0.00 MB 0.00 MB

Thickness 1 across all three; redraw AI-Powered Phone System as a headset with
clean vectorized "AI" lettering; backup/DR uses circular arrows + warning
triangle; business-process-improvement uses circular arrows + rising arrows.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

Deployed changes to https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net

@github-actions

Copy link
Copy Markdown
Contributor

🚀 Lighthouse score comparison for PR slot and production

🌐 URL ⚡ Performance ♿ Accessibility ✅ Best Practices 🔍 SEO 📦 Bundle Size 🗑️ Unused Bundle
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/ 53 (⬇️6) 88 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/articles 94 (⬆️30) 93 59 57 (⬇️35) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/about-us 66 (⬆️10) 97 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/clients 94 (⬆️13) 92 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/company/contact-us 77 (⬆️10) 87 (⬇️2) 59 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting 56 (⬆️2) 89 56 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting/net-upgrade 72 (⬆️5) 92 56 54 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/consulting/web-applications 78 (⬆️15) 95 59 54 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/employment 63 (⬆️2) 92 59 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/angular-superpowers-tour 90 (⬆️19) 93 56 69 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/ai-workshop 92 (⬆️19) 88 56 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/events/ai-workshop-essentials 75 (⬆️21) 95 59 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/netug/sydney 81 (⬆️9) 90 56 61 (⬇️31) 0.00 MB 0.00 MB
https://app-sswwebsite-9eb3-pr-4793.azurewebsites.net/training/internship-fullstack 84 (⬆️9) 89 59 61 (⬇️31) 0.00 MB 0.00 MB

@uly1 uly1 merged commit d2dcf4b into main Jun 22, 2026
12 checks passed
@uly1 uly1 deleted the jb/consulting-tile-icons branch June 22, 2026 06:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

💄 Consulting page - Standardize inconsistent/blurry service tile images

3 participants