Add changes for new branding #2478

ctauchen · 2026-01-23T11:53:21Z

Product Version(s):

Issue:

Link to docs preview:

SME review:

An SME has approved this change.

DOCS review:

A member of the docs team has approved this change.

Additional information:

Merge checklist:

Deploy preview inspected wherever changes were made
Build completed successfully
Test have passed

DOCS-2819

netlify · 2026-01-23T11:53:27Z

✅ Deploy Preview for calico-docs-preview-next ready!

Name	Link
🔨 Latest commit	`7a10a3e`
🔍 Latest deploy log	https://app.netlify.com/projects/calico-docs-preview-next/deploys/6973920521ddc00008a855d4
😎 Deploy Preview	https://deploy-preview-2478--calico-docs-preview-next.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

netlify · 2026-01-23T11:53:28Z

✅ Deploy Preview succeeded!

Name	Link
🔨 Latest commit	`7a10a3e`
🔍 Latest deploy log	https://app.netlify.com/projects/tigera/deploys/6973920521ddc00008a855cf
😎 Deploy Preview	https://deploy-preview-2478--tigera.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 74 (🟢 up 5 from production) Accessibility: 98 (no change from production) Best Practices: 92 (no change from production) SEO: 100 (no change from production) PWA: - View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

Copilot

Pull request overview

This PR updates the branding assets for the Calico documentation website, introducing new 2026 logos for both Tigera and Calico brands. The changes aim to refresh the visual identity across the documentation site.

Changes:

Added new brand assets: PNG and SVG logo files for Tigera and Calico with "2026" branding
Updated configuration to reference the new logo files in docusaurus.config.js
Removed image properties and rendering from product comparison and product card components
Updated data files to reference new badge images
Added test skipList entry for the new badge image

Reviewed changes

Copilot reviewed 7 out of 13 changed files in this pull request and generated 12 comments.

Show a summary per file

File	Description
static/img/tigera-logo-2026.png	New Tigera logo PNG for 2026 branding
static/img/Tigera-logo-2026-white-text.svg	New Tigera logo SVG with white text
static/img/Tigera-logo-2026-black-text.svg	New Tigera logo SVG with black text
static/img/Calico-logo-2026-black-text.svg	New Calico logo SVG with black text
static/img/Calico-logo-2026-badge.svg	New Calico badge logo SVG
static/img/Calico-logo-2026-badge.png	New Calico badge logo PNG
src/new/data/selectDocsInfo.ts	Updated image references to use new Calico badge logo
src/new/data/compareInfo.ts	Removed image property from product comparison data
src/new/components/ProductComparison/index.tsx	Removed image rendering code from comparison table
src/new/components/CalicoProducts/index.tsx	Removed image-related properties from CalicoProduct type
src/new/components/CalicoProductCard/index.tsx	Removed image rendering section from product cards
docusaurus.config.js	Updated favicon and logo references to use new 2026 branding assets
tests/crawler.test.js	Added new badge image URL to crawler test skipList

Copilot · 2026-01-23T11:59:03Z

src/___new___/components/CalicoProducts/index.tsx


 export type CalicoProduct = {
    title: string,
    description: string,


The CalicoProduct type definition has been updated to remove imageSrc, alt, and imageSize properties. However, the CalicoProductCard component that consumes this type still attempts to destructure these properties in its props. This will cause TypeScript compilation errors. The component file should be updated to remove references to these removed properties.

Suggested change

description: string,

description: string,

imageSrc?: string,

alt?: string,

imageSize?: string,

Copilot · 2026-01-23T11:59:04Z

src/___new___/data/compareInfo.ts

      title: 'Calico Open Source',
      costSupport: ['Free, self-managed'],
      target: 'Users',
-      image: 'img/calico-logo-badge.svg',
      alt: 'Calico Open Source logo',


The image property has been removed from the data but the TypeScript type definition likely still includes this property. If there's a type definition for the bestFit array items, it should be updated to reflect that the image property is no longer required. This ensures type safety and prevents confusion about which properties are expected.

Copilot · 2026-01-23T11:59:04Z

src/___new___/data/compareInfo.ts

    {
      title: 'Calico Enterprise',
      costSupport: ['Paid, self-managed'],
-      image: '/img/calico-enterprise-logo-badge.svg',
      alt: 'Calico Enterprise logo',


The image property has been removed from the Calico Enterprise data object. Similar to the Calico Open Source entry, if there's a type definition for these data objects, it should be updated to reflect that the image property is no longer required.

Copilot · 2026-01-23T11:59:04Z

src/___new___/data/compareInfo.ts

    {
      title: 'Calico Cloud',
      costSupport: ['Pay-as-you-go, SaaS'],
-      image: '/img/calico-cloud-logo-badge.svg',
      alt: 'Calico Cloud logo',


The image property has been removed from the Calico Cloud data object. Consistent with the other entries, if there's a type definition for these data objects, it should be updated to reflect that the image property is no longer required.

Copilot · 2026-01-23T11:59:04Z

docusaurus.config.js

    onBrokenAnchors: 'ignore',
    onBrokenLinks: 'throw',
-    favicon: 'img/favicon.png',
+    favicon: 'img/calico-logo-2026-badge.png',


The file reference uses lowercase calico-logo-2026-badge.png but the actual filename added in this PR is Calico-logo-2026-badge.png (with capital C). This case mismatch will cause the favicon to fail loading on case-sensitive file systems (like Linux servers). The reference should match the exact case of the filename, or the filename should be renamed to use lowercase to match existing naming conventions in the repository.

Suggested change

favicon: 'img/calico-logo-2026-badge.png',

favicon: 'img/Calico-logo-2026-badge.png',

Copilot · 2026-01-23T11:59:05Z

docusaurus.config.js

          logo: {
-            src: 'img/tigera-logo-black.png',
-            srcDark: 'img/tigera-logo-white.png',
+            src: 'img/tigera-logo-2026-black-text.svg',


The file reference uses lowercase tigera-logo-2026-black-text.svg but the actual filename added in this PR is Tigera-logo-2026-black-text.svg (with capital T). This case mismatch will cause the logo to fail loading on case-sensitive file systems. The reference should match the exact case of the filename.

Suggested change

src: 'img/tigera-logo-2026-black-text.svg',

src: 'img/Tigera-logo-2026-black-text.svg',

Copilot · 2026-01-23T11:59:05Z

docusaurus.config.js

-            src: 'img/tigera-logo-black.png',
-            srcDark: 'img/tigera-logo-white.png',
+            src: 'img/tigera-logo-2026-black-text.svg',
+            srcDark: 'img/tigera-logo-2026-white-text.svg',


The file reference uses lowercase tigera-logo-2026-white-text.svg but the actual filename added in this PR is Tigera-logo-2026-white-text.svg (with capital T). This case mismatch will cause the dark mode logo to fail loading on case-sensitive file systems. The reference should match the exact case of the filename.

Suggested change

srcDark: 'img/tigera-logo-2026-white-text.svg',

srcDark: 'img/Tigera-logo-2026-white-text.svg',

Copilot · 2026-01-23T11:59:06Z

src/___new___/data/selectDocsInfo.ts

      title: 'Calico Open Source',
      link: '/calico/latest/about/',
-      image: 'img/calico-logo-badge.svg',
+      image: 'img/Calico-logo-2026-badge.svg',


The file reference uses Calico-logo-2026-badge.svg (with capital C) which matches the actual filename added in this PR. However, this is inconsistent with the repository's existing naming convention where image files use lowercase names (e.g., calico-logo-badge.svg). Consider renaming the new image files to follow the existing lowercase convention for consistency across the codebase.

Copilot · 2026-01-23T11:59:06Z

src/___new___/data/selectDocsInfo.ts

      title: 'Calico Enterprise',
      link: '/calico-enterprise/latest/about/',
-      image: '/img/calico-enterprise-logo-badge.svg',
+      image: '/img/Calico-logo-2026-badge.svg',


The file reference uses Calico-logo-2026-badge.svg with a leading slash, while line 8 doesn't have a leading slash. This inconsistency could lead to path resolution issues depending on the context. Ensure consistent path formatting across all image references - either always include the leading slash or never include it.

Copilot · 2026-01-23T11:59:06Z

__tests__/crawler.test.js

    'https://sysctl-explorer.net/net/ipv4/fib_multipath_hash_policy/',
-    'https://calico-docs.mcp.kapa.ai'
+    'https://calico-docs.mcp.kapa.ai',
+    'https://docs.tigera.io/img/calico-logo-2026-badge.png'


This skipList entry uses lowercase calico-logo-2026-badge.png but the actual filename added in this PR is Calico-logo-2026-badge.png (with capital C). If this URL is meant to skip link checking for the new favicon, the case should match the actual filename. Otherwise, the link checker may not properly skip this URL.

Suggested change

'https://docs.tigera.io/img/calico-logo-2026-badge.png'

'https://docs.tigera.io/img/Calico-logo-2026-badge.png'

ctauchen added 4 commits January 22, 2026 11:59

Update Tigera and Calico logos

f62ef8c

DOCS-2819

Remove icons from best fit section

c801c94

Remove icons from CalicoProducts

95f8793

Update icon for Kapa widget

f742ae1

ctauchen requested a review from a team as a code owner January 23, 2026 11:53

Copilot AI review requested due to automatic review settings January 23, 2026 11:53

Copilot started reviewing on behalf of ctauchen January 23, 2026 11:53 View session

Copilot AI reviewed Jan 23, 2026

View reviewed changes

ctauchen changed the title ~~Adds changes for new branding~~ Add changes for new branding Jan 23, 2026

Update landing header

7a10a3e

-    description: string,
+    description: string,
+    imageSrc?: string,
+    alt?: string,
+    imageSize?: string,

	favicon: 'img/calico-logo-2026-badge.png',
	favicon: 'img/Calico-logo-2026-badge.png',

	src: 'img/tigera-logo-2026-black-text.svg',
	src: 'img/Tigera-logo-2026-black-text.svg',

	srcDark: 'img/tigera-logo-2026-white-text.svg',
	srcDark: 'img/Tigera-logo-2026-white-text.svg',

	'https://docs.tigera.io/img/calico-logo-2026-badge.png'
	'https://docs.tigera.io/img/Calico-logo-2026-badge.png'

Add changes for new branding #2478

Are you sure you want to change the base?

Add changes for new branding #2478

Uh oh!

Conversation

ctauchen commented Jan 23, 2026

Uh oh!

netlify bot commented Jan 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for calico-docs-preview-next ready!

Uh oh!

netlify bot commented Jan 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview succeeded!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

netlify bot commented Jan 23, 2026 •

edited

Loading

netlify bot commented Jan 23, 2026 •

edited

Loading