Change primary font to Source Sans 3

docusaurus.config.js

@@ -31,7 +31,7 @@ export default async function createAsyncConfig() {
     baseUrl: '/',
     onBrokenAnchors: 'ignore',
     onBrokenLinks: 'throw',
-    favicon: 'img/favicon.png',
+    favicon: 'img/calico-logo-2026-badge.png',
     markdown: {
       hooks: {
         onBrokenMarkdownLinks: 'throw',
@@ -56,7 +56,7 @@ export default async function createAsyncConfig() {
           "The Calico Docs AI answers questions based on what it finds in our product documentation. As with all AI solutions, it's a good idea to verify answers in the source material. ",
         //"data-modal-example-questions": "Docs Calico use eBPF?,Get started with egress gateways",
         'data-modal-ask-ai-input-placeholder': 'Ask me a question about Calico',
-        'data-font-family': 'Poppins,Helvetica Neue,Helvetica,Arial,sans-serif',
+        'data-font-family': 'Source Sans 3,Poppins,Helvetica Neue,Helvetica,Arial,sans-serif',
         'data-modal-border-radius': '6px',
         'data-button-box-shadow': '2px 2px 8px rgba(0, 0, 0, 0.2)',
         'data-modal-header-bg-color': '#FFFFFF',
@@ -95,7 +95,7 @@ export default async function createAsyncConfig() {
     themeConfig:
       /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
       {
-        image: 'img/favicon.png',
+        image: 'img/calico-logo-2026-badge.png',
         metadata: [
           {
             name: 'keywords',
@@ -119,8 +119,8 @@ export default async function createAsyncConfig() {
         },
         navbar: {
           logo: {
-            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',
           },
           items: [
             {

src/___new___/components/CalicoProducts/index.tsx

@@ -14,27 +14,27 @@ const products: CalicoProduct[] = [
     {
         title: 'Calico Open Source',
         description: 'Open-source networking and security for containers and Kubernetes',
-        imageSrc: '/img/calico-logo-badge.svg',
+        imageSrc: '/img/Calico-logo-2026-badge.svg',
         alt: 'Calico Open Source icon',
     },
     {
         title: 'Calico Cloud Free Tier',
         description: 'Observability & policy management for a single cluster',
-        imageSrc: '/img/calico-cloud-free-logo-badge.svg',
+        imageSrc: '/img/Calico-logo-2026-badge.svg',
         alt: 'Calico Cloud Free Tier icon',
         imageSize: '130px',
     },
     {
         title: 'Calico Cloud',
         description: 'SaaS platform for Kubernetes networking and security',
-        imageSrc: '/img/calico-cloud-logo-badge.svg',
+        imageSrc: '/img/Calico-logo-2026-badge.svg',
         alt: 'Calico Cloud icon',
         imageSize: '130px'
     },
     {
         title: 'Calico Enterprise',
         description: 'Self-managed platform for Kubernetes networking and security',
-        imageSrc: '/img/calico-enterprise-logo-badge.svg',
+        imageSrc: '/img/Calico-logo-2026-badge.svg',
         alt: 'Calico Enterprise icon',
     },
 ];

src/___new___/data/compareInfo.ts

@@ -44,15 +44,15 @@ export default {
       title: 'Calico Open Source',
       costSupport: ['Free, self-managed'],
       target: 'Users',
-      image: 'img/calico-logo-badge.svg',
+      image: 'img/Calico-logo-2026-badge.svg',
       alt: 'Calico Open Source logo',
 
       bestFit: [' - Who want best-in-class networking and network policy capabilities.'],
     },
     {
       title: 'Calico Enterprise',
       costSupport: ['Paid, self-managed'],
-      image: '/img/calico-enterprise-logo-badge.svg',
+      image: '/img/Calico-logo-2026-badge.svg',
       alt: 'Calico Enterprise logo',
 
       target: 'Enterprise teams',
@@ -67,7 +67,7 @@ export default {
     {
       title: 'Calico Cloud',
       costSupport: ['Pay-as-you-go, SaaS'],
-      image: '/img/calico-cloud-logo-badge.svg',
+      image: '/img/Calico-logo-2026-badge.svg',
       alt: 'Calico Cloud logo',
 
       target: 'Small teams',

src/___new___/data/selectDocsInfo.ts

@@ -5,19 +5,19 @@ export default {
     {
       title: 'Calico Open Source',
       link: '/calico/latest/about/',
-      image: 'img/calico-logo-badge.svg',
+      image: 'img/Calico-logo-2026-badge.svg',
       alt: 'Calico logo',
     },
     {
       title: 'Calico Enterprise',
       link: '/calico-enterprise/latest/about/',
-      image: '/img/calico-enterprise-logo-badge.svg',
+      image: '/img/Calico-logo-2026-badge.svg',
       alt: 'Calico Enterprise logo',
     },
     {
       title: 'Calico Cloud',
       link: 'calico-cloud/about',
-      image: '/img/calico-cloud-logo-badge.svg',
+      image: '/img/Calico-logo-2026-badge.svg',
       alt: 'Calico Cloud logo',
     },
   ],

src/css/custom.css

@@ -4,7 +4,7 @@
  * work well for content-centric websites.
  */
 
- @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
+ @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@100;200;300;400;500;600;700&display=swap');
 
 /* You can override the default Infima variables here and define our custom global variables. */
 :root {
@@ -31,8 +31,8 @@
   --ifm-link-color: #273981;
   --ifm-link-hover-color: #273981;
   --ifm-menu-color-active: #273981;
-  --ifm-heading-font-family: Poppins;
-  --ifm-font-family-base: Poppins;
+  --ifm-heading-font-family: 'Source Sans 3';
+  --ifm-font-family-base: 'Source Sans 3';
   --ifm-navbar-link-color: #000000;
   --ifm-font-color-base: #141414;
   --ifm-menu-color-active: #141414;
@@ -499,7 +499,7 @@ th {
 }
 
 .DocSearch.DocSearch-Button {
-  font-family: 'Poppins';
+  font-family: 'Source Sans 3';
   border-radius: 6px;
   border: 1px solid #dcdde0;
 }