diff --git a/packages/web-twig/src/Resources/components/Header/Header.stories.twig b/packages/web-twig/src/Resources/components/Header/Header.stories.twig
index 5867c4f595..99f4f51c7b 100644
--- a/packages/web-twig/src/Resources/components/Header/Header.stories.twig
+++ b/packages/web-twig/src/Resources/components/Header/Header.stories.twig
@@ -2,20 +2,20 @@
 
 {% block content %}
 
-    <DocsSection title="Minimal Inverted Header" stackAlignment="stretch">
-        {% include '@components/Header/stories/HeaderMinimalInverted.twig' %}
+    <DocsSection title="Minimal Header" stackAlignment="stretch">
+        {% include '@components/Header/stories/HeaderMinimal.twig' %}
     </DocsSection>
 
-    <DocsSection title="Inverted Header with Actions" stackAlignment="stretch">
-        {% include '@components/Header/stories/HeaderInvertedWithActions.twig' %}
+    <DocsSection title="Header with Actions" stackAlignment="stretch">
+        {% include '@components/Header/stories/HeaderWithActions.twig' %}
     </DocsSection>
 
-    <DocsSection title="Inverted Header with Actions and Header Dialog" stackAlignment="stretch">
-        {% include '@components/Header/stories/HeaderInvertedWithActionsAndDialog.twig' %}
+    <DocsSection title="Header with Actions and Header Dialog" stackAlignment="stretch">
+        {% include '@components/Header/stories/HeaderWithActionsAndDialog.twig' %}
     </DocsSection>
 
-    <DocsSection title="Simple Inverted Header" stackAlignment="stretch">
-        {% include '@components/Header/stories/HeaderSimpleInverted.twig' %}
+    <DocsSection title="Simple Header" stackAlignment="stretch">
+        {% include '@components/Header/stories/HeaderSimple.twig' %}
     </DocsSection>
 
     <DocsSection title="Simple Transparent Header" stackAlignment="stretch">
diff --git a/packages/web-twig/src/Resources/components/Header/HeaderMobileActions.twig b/packages/web-twig/src/Resources/components/Header/HeaderMobileActions.twig
index 35cc17a2fd..3b3ad17c48 100644
--- a/packages/web-twig/src/Resources/components/Header/HeaderMobileActions.twig
+++ b/packages/web-twig/src/Resources/components/Header/HeaderMobileActions.twig
@@ -15,7 +15,7 @@
     <Button
         aria-controls="{{ _dialogId }}"
         aria-expanded="false"
-        color="inverted"
+        color="secondary"
         data-spirit-target="{{ '#' ~ _dialogId }}"
         data-spirit-toggle="offcanvas"
         isSquare
diff --git a/packages/web-twig/src/Resources/components/Header/README.md b/packages/web-twig/src/Resources/components/Header/README.md
index cd2f8a42d0..24c5bade13 100644
--- a/packages/web-twig/src/Resources/components/Header/README.md
+++ b/packages/web-twig/src/Resources/components/Header/README.md
@@ -69,12 +69,12 @@ unless you specify a color variant.
 
 ## Color Variants
 
-Currently, Header comes in two color variants: **transparent** (for dark
-backgrounds) and **inverted** (for light backgrounds). Use the `color` property
+Currently, Header comes in two color variants: **primary** and **transparent**
+(for non-solid backgrounds like gradients or images). Use the `color` property
 to apply the desired background color to Header.
 
 ```twig
-<Header color="inverted">
+<Header color="transparent">
     <a href="/">
         <img
           src="https://www.example.com/logo.png"
@@ -107,10 +107,10 @@ just branding.
 
 ## API
 
-| Name       | Type                          | Default       | Required | Description                         |
-| ---------- | ----------------------------- | ------------- | -------- | ----------------------------------- |
-| `color`    | [`transparent` \| `inverted`] | `transparent` | ✕        | Color variant                       |
-| `isSimple` | `bool`                        | `false`       | ✕        | Shorter, centered version of Header |
+| Name       | Type                          | Default   | Required | Description                         |
+| ---------- | ----------------------------- | --------- | -------- | ----------------------------------- |
+| `color`    | \[`primary` \| `transparent`] | `primary` | ✕        | Color variant                       |
+| `isSimple` | `bool`                        | `false`   | ✕        | Shorter, centered version of Header |
 
 On top of the API options, the components accept [additional attributes][readme-additional-attributes].
 If you need more control over the styling of a component, you can use [style props][readme-style-props]
@@ -419,7 +419,7 @@ This is how all supported building blocks of the Header build up the complete
 composition:
 
 ```twig
-<Header color="inverted">
+<Header>
   <!-- Branding -->
   <HeaderMobileActions dialogId="my-menu">
     <!-- Optional mobile-only actions -->
@@ -463,7 +463,7 @@ And the complete Header Dialog:
   <summary>Show full example code of Header with responsive navigation</summary>
 
 ```twig
-<Header color="inverted">
+<Header>
   <a href="/" aria-label="Spirit homepage">
     <img src="…" width="65" height="24" alt="Spirit" />
   </a>
@@ -489,7 +489,7 @@ And the complete Header Dialog:
   </HeaderDesktopActions>
   <HeaderDesktopActions isAtEnd>
     <ButtonLink color="primary" href="/">Sign in</ButtonLink>
-    <ButtonLink color="inverted" href="/">Enterprise</ButtonLink>
+    <ButtonLink color="secondary" href="/">Enterprise</ButtonLink>
   </HeaderDesktopActions>
 </Header>
 
@@ -516,7 +516,7 @@ And the complete Header Dialog:
   </HeaderDialogActions>
   <HeaderDialogActions color="secondary">
     <ButtonLink color="primary" href="/">Sign in</ButtonLink>
-    <ButtonLink color="inverted" href="/">Enterprise</ButtonLink>
+    <ButtonLink color="secondary" href="/">Enterprise</ButtonLink>
   </HeaderDialogActions>
 </HeaderDialog>
 ```
diff --git a/packages/web-twig/src/Resources/components/Header/__tests__/__fixtures__/headerDefault.twig b/packages/web-twig/src/Resources/components/Header/__tests__/__fixtures__/headerDefault.twig
index 88a7e827e8..6c79f0f802 100644
--- a/packages/web-twig/src/Resources/components/Header/__tests__/__fixtures__/headerDefault.twig
+++ b/packages/web-twig/src/Resources/components/Header/__tests__/__fixtures__/headerDefault.twig
@@ -5,7 +5,7 @@
 </Header>
 
 <!-- Render with all props -->
-<Header color="inverted" isSimple>
+<Header color="transparent" isSimple>
     <a href="/" aria-label="Spirit homepage">
         {% include './partials/spiritLogo.twig' %}
     </a>
diff --git a/packages/web-twig/src/Resources/components/Header/__tests__/__fixtures__/headerWithDialog.twig b/packages/web-twig/src/Resources/components/Header/__tests__/__fixtures__/headerWithDialog.twig
index e68fa8a91f..dbc5fcc16c 100644
--- a/packages/web-twig/src/Resources/components/Header/__tests__/__fixtures__/headerWithDialog.twig
+++ b/packages/web-twig/src/Resources/components/Header/__tests__/__fixtures__/headerWithDialog.twig
@@ -1,4 +1,4 @@
-<Header color="inverted">
+<Header>
     <a href="/" aria-label="Spirit homepage">
         {% include './partials/spiritLogo.twig' %}
     </a>
@@ -24,7 +24,7 @@
     </HeaderDesktopActions>
     <HeaderDesktopActions isAtEnd>
         <ButtonLink color="primary" href="/">Sign in</ButtonLink>
-        <ButtonLink color="inverted" href="/">Enterprise</ButtonLink>
+        <ButtonLink color="secondary" href="/">Enterprise</ButtonLink>
     </HeaderDesktopActions>
 </Header>
 
@@ -51,6 +51,6 @@
     </HeaderDialogActions>
     <HeaderDialogActions color="secondary">
         <ButtonLink color="primary" href="/">Sign in</ButtonLink>
-        <ButtonLink color="inverted" href="/">Enterprise</ButtonLink>
+        <ButtonLink color="secondary" href="/">Enterprise</ButtonLink>
     </HeaderDialogActions>
 </HeaderDialog>
diff --git a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerDefault.twig.snap.html b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerDefault.twig.snap.html
index 0a2a3f27f2..1298ba9641 100644
--- a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerDefault.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerDefault.twig.snap.html
@@ -10,7 +10,7 @@
     </header>
     <!-- Render with all props -->
 
-    <header class="Header Header--inverted Header--simple">
+    <header class="Header Header--transparent Header--simple">
       <a href="/" aria-label="Spirit homepage"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA2NSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzQ4MTIgMTEuOTA2OEw0LjI2MzY3IDYuNTk5MzlDNC4zNjA2OCA2LjA4NDg2IDQuNTM1IDUuNjE1NDMgNC43ODc1IDUuMTkxOTZMNC43ODc4OCA1LjE5MTMyTDQuNzg4MjggNS4xOTA2OEM1LjIxMzM3IDQuNTAyMzUgNS44MDY4MiAzLjk2MTE1IDYuNTY2MDEgMy41NjcxN0M3LjMyNTQ3IDMuMTU4NzMgOC4xOTk0NCAyLjkzMzk1IDkuMTg1NjcgMi44OTA0N0w5LjE4NzgxIDIuODkwMzhIOS4xODk5NEMxMC40NzEyIDIuODkwMzggMTEuNTE1NiAzLjA0MTIyIDEyLjMxODYgMy4zNDc1MUMxMy4xMjY2IDMuNjUwMjggMTMuODQ5NSA0LjAxMTIxIDE0LjQ4NjUgNC40MzA3MkwxNC41NTggNC40Nzc3OUwxMy4yOTMzIDcuMDI3ODlMMTMuMjA0OSA2Ljk3OTQ5QzEyLjYwNzkgNi42NTI4NyAxMS45OTcgNi4zODMxOSAxMS4zNzIxIDYuMTcwMzRMMTEuMzcxNCA2LjE3MDEyQzEwLjc2MzcgNS45NTgzIDEwLjE5NDMgNS44NTM0NiA5LjY2MjcgNS44NTM0NkM5LjAwMTE5IDUuODUzNDYgOC40OTMxMyA1Ljk4NzIxIDguMTI4MjIgNi4yNDM3N0M3Ljc3MTM2IDYuNDk0NjggNy41ODkxMSA2Ljg3MDU3IDcuNTg5MTEgNy4zODg0OEM3LjU4OTExIDcuNzMyMTYgNy43MjAxNCA4LjA0NDc4IDcuOTkwNTcgOC4zMjkxOEM4LjI4MjY3IDguNjA2NzMgOC42NTMxNCA4Ljg1ODU3IDkuMTAzNzcgOS4wODM3NEM5LjU3MzUzIDkuMzExMjggMTAuMDU3NiA5LjUxNzUzIDEwLjU1NiA5LjcwMjQ4TDEwLjU1NjIgOS43MDI1OEMxMS4wMTg2IDkuODc1ODEgMTEuNDczNSAxMC4wODUgMTEuOTIxIDEwLjMzMDFDMTIuMzg3NyAxMC41NjM0IDEyLjgwMzcgMTAuODYyNCAxMy4xNjg3IDExLjIyN0MxMy41Mzc2IDExLjU4MSAxMy44MzA5IDEyLjAyOTIgMTQuMDUgMTIuNTY5QzE0LjI3MTEgMTMuMDk5NCAxNC4zNzk2IDEzLjc0OTcgMTQuMzc5NiAxNC41MTY2QzE0LjM3OTYgMTUuMzM1OCAxNC4xNjcxIDE2LjA5NzQgMTMuNzQyNSAxNi43OTk1QzEzLjMxNjkgMTcuNTAzMyAxMi42OTQzIDE4LjA3MjkgMTEuODc4OCAxOC41MDk0TDExLjg3NzYgMTguNTFDMTEuNzAyNCAxOC42MDA3IDExLjUxODcgMTguNjgxNSAxMS4zMjY2IDE4Ljc1MjZMOS43NDY3NyAxNi4wMzQyQzEwLjA4NzggMTUuOTIyOSAxMC4zNjQ4IDE1Ljc1MjIgMTAuNTgwOCAxNS41MjM3TDEwLjU4MTggMTUuNTIyN0wxMC41ODI3IDE1LjUyMTdDMTAuODE4MSAxNS4yODY2IDEwLjk0MTIgMTQuOTU1OSAxMC45NDEyIDE0LjUxNjZDMTAuOTQxMiAxNC4yMjU4IDEwLjg0MjcgMTMuOTYxMiAxMC42NDEzIDEzLjcxOTdMMTAuNjQwMyAxMy43MTg0TDEwLjYzOTIgMTMuNzE3MUMxMC40NDc3IDEzLjQ3MTEgMTAuMTc4NCAxMy4yNDI0IDkuODI3NzggMTMuMDMyMkw5LjgyNzAzIDEzLjAzMTdMOS44MjYyOCAxMy4wMzEzQzkuNDg4MzEgMTIuODIwMiA5LjExNDQzIDEyLjYzNjkgOC43MDQzNCAxMi40ODE1TDguNzA0MSAxMi40ODE0QzguMjYzNTIgMTIuMzEzMSA3LjgxMTUyIDEyLjEyMTUgNy4zNDgxMiAxMS45MDY4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4wOTk1IDEzLjQ4ODRMMjQuMTAwMyAxMy40ODhDMjQuODI4IDEzLjE1MzYgMjUuNDA2OCAxMi43MTU1IDI1LjgzMzIgMTIuMTcyMkMyNi4yNzA2IDExLjYzMzEgMjYuNTg0NSAxMS4wMzUxIDI2Ljc3NDQgMTAuMzc4OEMyNi45Nzc0IDkuNzEyMTUgMjcuMDc5MiA5LjA1MTYzIDI3LjA3OTIgOC4zOTc1OEMyNy4wNzkyIDcuMjk1NyAyNi44Mzk3IDYuMzQwNDMgMjYuMzU2NSA1LjUzNTY4QzI1Ljg3MzMgNC43MTY1MyAyNS4xNzA3IDQuMDg4NSAyNC4yNTI1IDMuNjUxNDlDMjMuMzMzNCAzLjE5OTc4IDIyLjIxNSAyLjk3NjI2IDIwLjkwMSAyLjk3NjI2SDE2LjAxMjJWMTguOTcxN0gxOS4zMjE3VjEzLjk2OTJIMjEuNDU5N0MyMi41MDA1IDEzLjk2OTIgMjMuMzgxNiAxMy44MTA0IDI0LjA5OTUgMTMuNDg4NFpNMjMuMjcyMyA5LjkyOTc0TDIzLjI3MTcgOS45MzA2QzIzLjExMDEgMTAuMTU5MiAyMi44NzkzIDEwLjM1NzMgMjIuNTc1MyAxMC41MjMzQzIyLjI3NzYgMTAuNjcxNiAyMS45MDAxIDEwLjc0ODUgMjEuNDM4MiAxMC43NDg1SDE5LjMyMTdWNi4xNzU1MUgyMS40NTk3QzIxLjk5NDYgNi4xNzU1MSAyMi40MDUxIDYuMjY3MTggMjIuNjk5OCA2LjQ0MTE3TDIyLjcwMDYgNi40NDE2NUwyMi43MDE0IDYuNDQyMUMyMy4wMTkgNi42MjE0MiAyMy4yNDg2IDYuODM5MTUgMjMuMzk1OSA3LjA5MzQxQzIzLjU0ODQgNy4zNTY1MSAyMy42NDQgNy42MTcyNSAyMy42ODQ5IDcuODc1OTFMMjMuNjg1NCA3Ljg3ODg3TDIzLjY4NiA3Ljg4MThDMjMuNzQyNyA4LjEzNjUxIDIzLjc2OTcgOC4zMzYyMSAyMy43Njk3IDguNDgzNDZDMjMuNzY5NyA4LjY3MDc2IDIzLjcyOTQgOC44OTY2NyAyMy42NDUzIDkuMTYyODVMMjMuNjQ0NSA5LjE2NTA5TDIzLjY0MzkgOS4xNjczNkMyMy41NzU3IDkuNDI2NDEgMjMuNDUyNCA5LjY4MDUxIDIzLjI3MjMgOS45Mjk3NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMS45NTEyIDIuOTc2MjZIMjguNjQxOFYxOC45NzE3SDMxLjk1MTJWMi45NzYyNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzguMDIwNiAxMy45NDc3SDM5Ljk0NjhMNDMuMjg3MSAxOC45NzE3SDQ3LjE0NzZMNDMuNDI2NSAxMy4xNzAzQzQzLjg5OTQgMTIuODg1OSA0NC4yOTY2IDEyLjU0NjcgNDQuNjE3MSAxMi4xNTE5QzQ1LjA2OTEgMTEuNjEyNyA0NS4zOTA1IDExLjAxNDUgNDUuNTgwNiAxMC4zNTc3QzQ1Ljc4MzcgOS43MDUwMyA0NS44ODU1IDkuMDUxNTYgNDUuODg1NSA4LjM5NzU4QzQ1Ljg4NTUgNy41NzA5NiA0NS43NDc2IDYuODI3OTIgNDUuNDY5NyA2LjE3MDEyQzQ1LjE5MiA1LjQ5ODY5IDQ0Ljc4MjQgNC45Mjg0OSA0NC4yNDE0IDQuNDYwNzJDNDMuNzE0MSAzLjk3ODAzIDQzLjA1NyAzLjYxNDE2IDQyLjI3MjkgMy4zNjc0M0M0MS40ODc4IDMuMTA2MDYgNDAuNTk2MyAyLjk3NjI2IDM5LjU5OTkgMi45NzYyNkgzNC43MTExVjE4Ljk3MTdIMzguMDIwNlYxMy45NDc3Wk00MS45NzI4IDkuOTQ5MDlMNDEuOTcxNiA5Ljk1MDU2TDQxLjk3MDYgOS45NTIwN0M0MS44MDk0IDEwLjE4MDIgNDEuNTc5MiAxMC4zNzA5IDQxLjI3NTcgMTAuNTIyNUM0MC45Nzc4IDEwLjY3MTMgNDAuNTk5OCAxMC43NDg1IDQwLjEzNzEgMTAuNzQ4NUgzOC4wMjA2VjYuMTc1NTFINDAuMTU4NkM0MC42OTM1IDYuMTc1NTEgNDEuMTA0IDYuMjY3MTggNDEuMzk4NyA2LjQ0MTE3TDQxLjM5OTUgNi40NDE2NUw0MS40MDAzIDYuNDQyMUM0MS43MTc5IDYuNjIxNDIgNDEuOTQ3NSA2LjgzOTE1IDQyLjA5NDggNy4wOTM0MUM0Mi4yNDczIDcuMzU2NTEgNDIuMzQyOSA3LjYxNzI1IDQyLjM4MzggNy44NzU5MUw0Mi4zODQzIDcuODc4ODdMNDIuMzg0OSA3Ljg4MThDNDIuNDQxNCA4LjEzNTgxIDQyLjQ2ODYgOC4zNDI5MiA0Mi40Njg2IDguNTA0OTNDNDIuNDY4NiA4LjcyMTk5IDQyLjQyNzggOC45NjI1MiA0Mi4zNDQxIDkuMjI3MjZMNDIuMzQzNiA5LjIyODg3TDQyLjM0MzIgOS4yMzA1QzQyLjI3NTMgOS40NzQ2NCA0Mi4xNTI2IDkuNzE0MTYgNDEuOTcyOCA5Ljk0OTA5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTUxLjYyMzYgMi45NzYyNkg0OC4zMTQxVjE4Ljk3MTdINTEuNjIzNlYyLjk3NjI2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY0LjE2MTEgMi45NzYyNkg1My4zMDlWNi4xNzU1MUg1Ny4wMDUxVjE4Ljk3MTdMNjAuMzE0NiAxOC45NTg2VjYuMTc1NTFINjQuMTYxMVYyLjk3NjI2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjUyNDc3NCAwLjI3NDIyN0MwLjU3NDczNCAwLjI0NTQwOCAwLjYzODYxNyAwLjI2MjUxMSAwLjY2NzQ2MiAwLjMxMjQyN0wxNC4xMTQ2IDIzLjU4MzJDMTQuMTQzNCAyMy42MzMxIDE0LjEyNjMgMjMuNjk2OSAxNC4wNzY0IDIzLjcyNThDMTQuMDI2NCAyMy43NTQ2IDEzLjk2MjUgMjMuNzM3NSAxMy45MzM3IDIzLjY4NzZMMC40ODY1NDEgMC40MTY3OUMwLjQ1NzY5NyAwLjM2Njg3NCAwLjQ3NDgxNSAwLjMwMzA0NiAwLjUyNDc3NCAwLjI3NDIyN1oiIGZpbGw9IiM3N0E2QzAiLz4KPHBhdGggZD0iTTIuNzUzMDQgMTguNDI5OUgyLjE3NzQ5VjE5LjE2OTNIMS40Mzc1TDEuNDM3NSAxOS43NDQzSDIuMTc3NDlWMjAuNDgzN0gyLjc1MzA0VjE5Ljc0NDNIMy40OTMwNFYxOS4xNjkzTDIuNzUzMDQgMTkuMTY5M1YxOC40Mjk5WiIgZmlsbD0iIzc3QTZDMCIvPgo8L3N2Zz4K" width="65" height="24" alt="Spirit"></a>
     </header>
   </body>
diff --git a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerMobileActions.twig.snap.html b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerMobileActions.twig.snap.html
index d16c20c69c..d9cd1a8261 100644
--- a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerMobileActions.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerMobileActions.twig.snap.html
@@ -6,14 +6,14 @@
   </head>
   <body>
     <div class="HeaderMobileActions">
-      <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--inverted Button--medium Button--square" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a1fcc7134edb5d176925f0fd5ddd9d42" aria-hidden="true">
+      <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--secondary Button--medium Button--square" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a1fcc7134edb5d176925f0fd5ddd9d42" aria-hidden="true">
       <path d="M4 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H4C3.45 16 3 16.45 3 17C3 17.55 3.45 18 4 18ZM4 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H4C3.45 11 3 11.45 3 12C3 12.55 3.45 13 4 13ZM3 7C3 7.55 3.45 8 4 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H4C3.45 6 3 6.45 3 7Z" fill="currentColor">
       </path></svg> <span class="accessibility-hidden">Menu</span></button>
     </div>
     <!-- Render with all props -->
 
     <div class="HeaderMobileActions">
-      <span>custom content</span> <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--inverted Button--medium Button--square" type="button"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
+      <span>custom content</span> <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--secondary Button--medium Button--square" type="button"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
       <use href="#a1fcc7134edb5d176925f0fd5ddd9d42">
       </use></svg> <span class="accessibility-hidden">Open menu</span></button>
     </div>
diff --git a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerWithDialog.twig.snap.html b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerWithDialog.twig.snap.html
index bcf38a5ec0..a96525de5d 100644
--- a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerWithDialog.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerWithDialog.twig.snap.html
@@ -5,10 +5,10 @@
     </title>
   </head>
   <body>
-    <header class="Header Header--inverted">
+    <header class="Header Header--transparent">
       <a href="/" aria-label="Spirit homepage"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA2NSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzQ4MTIgMTEuOTA2OEw0LjI2MzY3IDYuNTk5MzlDNC4zNjA2OCA2LjA4NDg2IDQuNTM1IDUuNjE1NDMgNC43ODc1IDUuMTkxOTZMNC43ODc4OCA1LjE5MTMyTDQuNzg4MjggNS4xOTA2OEM1LjIxMzM3IDQuNTAyMzUgNS44MDY4MiAzLjk2MTE1IDYuNTY2MDEgMy41NjcxN0M3LjMyNTQ3IDMuMTU4NzMgOC4xOTk0NCAyLjkzMzk1IDkuMTg1NjcgMi44OTA0N0w5LjE4NzgxIDIuODkwMzhIOS4xODk5NEMxMC40NzEyIDIuODkwMzggMTEuNTE1NiAzLjA0MTIyIDEyLjMxODYgMy4zNDc1MUMxMy4xMjY2IDMuNjUwMjggMTMuODQ5NSA0LjAxMTIxIDE0LjQ4NjUgNC40MzA3MkwxNC41NTggNC40Nzc3OUwxMy4yOTMzIDcuMDI3ODlMMTMuMjA0OSA2Ljk3OTQ5QzEyLjYwNzkgNi42NTI4NyAxMS45OTcgNi4zODMxOSAxMS4zNzIxIDYuMTcwMzRMMTEuMzcxNCA2LjE3MDEyQzEwLjc2MzcgNS45NTgzIDEwLjE5NDMgNS44NTM0NiA5LjY2MjcgNS44NTM0NkM5LjAwMTE5IDUuODUzNDYgOC40OTMxMyA1Ljk4NzIxIDguMTI4MjIgNi4yNDM3N0M3Ljc3MTM2IDYuNDk0NjggNy41ODkxMSA2Ljg3MDU3IDcuNTg5MTEgNy4zODg0OEM3LjU4OTExIDcuNzMyMTYgNy43MjAxNCA4LjA0NDc4IDcuOTkwNTcgOC4zMjkxOEM4LjI4MjY3IDguNjA2NzMgOC42NTMxNCA4Ljg1ODU3IDkuMTAzNzcgOS4wODM3NEM5LjU3MzUzIDkuMzExMjggMTAuMDU3NiA5LjUxNzUzIDEwLjU1NiA5LjcwMjQ4TDEwLjU1NjIgOS43MDI1OEMxMS4wMTg2IDkuODc1ODEgMTEuNDczNSAxMC4wODUgMTEuOTIxIDEwLjMzMDFDMTIuMzg3NyAxMC41NjM0IDEyLjgwMzcgMTAuODYyNCAxMy4xNjg3IDExLjIyN0MxMy41Mzc2IDExLjU4MSAxMy44MzA5IDEyLjAyOTIgMTQuMDUgMTIuNTY5QzE0LjI3MTEgMTMuMDk5NCAxNC4zNzk2IDEzLjc0OTcgMTQuMzc5NiAxNC41MTY2QzE0LjM3OTYgMTUuMzM1OCAxNC4xNjcxIDE2LjA5NzQgMTMuNzQyNSAxNi43OTk1QzEzLjMxNjkgMTcuNTAzMyAxMi42OTQzIDE4LjA3MjkgMTEuODc4OCAxOC41MDk0TDExLjg3NzYgMTguNTFDMTEuNzAyNCAxOC42MDA3IDExLjUxODcgMTguNjgxNSAxMS4zMjY2IDE4Ljc1MjZMOS43NDY3NyAxNi4wMzQyQzEwLjA4NzggMTUuOTIyOSAxMC4zNjQ4IDE1Ljc1MjIgMTAuNTgwOCAxNS41MjM3TDEwLjU4MTggMTUuNTIyN0wxMC41ODI3IDE1LjUyMTdDMTAuODE4MSAxNS4yODY2IDEwLjk0MTIgMTQuOTU1OSAxMC45NDEyIDE0LjUxNjZDMTAuOTQxMiAxNC4yMjU4IDEwLjg0MjcgMTMuOTYxMiAxMC42NDEzIDEzLjcxOTdMMTAuNjQwMyAxMy43MTg0TDEwLjYzOTIgMTMuNzE3MUMxMC40NDc3IDEzLjQ3MTEgMTAuMTc4NCAxMy4yNDI0IDkuODI3NzggMTMuMDMyMkw5LjgyNzAzIDEzLjAzMTdMOS44MjYyOCAxMy4wMzEzQzkuNDg4MzEgMTIuODIwMiA5LjExNDQzIDEyLjYzNjkgOC43MDQzNCAxMi40ODE1TDguNzA0MSAxMi40ODE0QzguMjYzNTIgMTIuMzEzMSA3LjgxMTUyIDEyLjEyMTUgNy4zNDgxMiAxMS45MDY4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4wOTk1IDEzLjQ4ODRMMjQuMTAwMyAxMy40ODhDMjQuODI4IDEzLjE1MzYgMjUuNDA2OCAxMi43MTU1IDI1LjgzMzIgMTIuMTcyMkMyNi4yNzA2IDExLjYzMzEgMjYuNTg0NSAxMS4wMzUxIDI2Ljc3NDQgMTAuMzc4OEMyNi45Nzc0IDkuNzEyMTUgMjcuMDc5MiA5LjA1MTYzIDI3LjA3OTIgOC4zOTc1OEMyNy4wNzkyIDcuMjk1NyAyNi44Mzk3IDYuMzQwNDMgMjYuMzU2NSA1LjUzNTY4QzI1Ljg3MzMgNC43MTY1MyAyNS4xNzA3IDQuMDg4NSAyNC4yNTI1IDMuNjUxNDlDMjMuMzMzNCAzLjE5OTc4IDIyLjIxNSAyLjk3NjI2IDIwLjkwMSAyLjk3NjI2SDE2LjAxMjJWMTguOTcxN0gxOS4zMjE3VjEzLjk2OTJIMjEuNDU5N0MyMi41MDA1IDEzLjk2OTIgMjMuMzgxNiAxMy44MTA0IDI0LjA5OTUgMTMuNDg4NFpNMjMuMjcyMyA5LjkyOTc0TDIzLjI3MTcgOS45MzA2QzIzLjExMDEgMTAuMTU5MiAyMi44NzkzIDEwLjM1NzMgMjIuNTc1MyAxMC41MjMzQzIyLjI3NzYgMTAuNjcxNiAyMS45MDAxIDEwLjc0ODUgMjEuNDM4MiAxMC43NDg1SDE5LjMyMTdWNi4xNzU1MUgyMS40NTk3QzIxLjk5NDYgNi4xNzU1MSAyMi40MDUxIDYuMjY3MTggMjIuNjk5OCA2LjQ0MTE3TDIyLjcwMDYgNi40NDE2NUwyMi43MDE0IDYuNDQyMUMyMy4wMTkgNi42MjE0MiAyMy4yNDg2IDYuODM5MTUgMjMuMzk1OSA3LjA5MzQxQzIzLjU0ODQgNy4zNTY1MSAyMy42NDQgNy42MTcyNSAyMy42ODQ5IDcuODc1OTFMMjMuNjg1NCA3Ljg3ODg3TDIzLjY4NiA3Ljg4MThDMjMuNzQyNyA4LjEzNjUxIDIzLjc2OTcgOC4zMzYyMSAyMy43Njk3IDguNDgzNDZDMjMuNzY5NyA4LjY3MDc2IDIzLjcyOTQgOC44OTY2NyAyMy42NDUzIDkuMTYyODVMMjMuNjQ0NSA5LjE2NTA5TDIzLjY0MzkgOS4xNjczNkMyMy41NzU3IDkuNDI2NDEgMjMuNDUyNCA5LjY4MDUxIDIzLjI3MjMgOS45Mjk3NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMS45NTEyIDIuOTc2MjZIMjguNjQxOFYxOC45NzE3SDMxLjk1MTJWMi45NzYyNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzguMDIwNiAxMy45NDc3SDM5Ljk0NjhMNDMuMjg3MSAxOC45NzE3SDQ3LjE0NzZMNDMuNDI2NSAxMy4xNzAzQzQzLjg5OTQgMTIuODg1OSA0NC4yOTY2IDEyLjU0NjcgNDQuNjE3MSAxMi4xNTE5QzQ1LjA2OTEgMTEuNjEyNyA0NS4zOTA1IDExLjAxNDUgNDUuNTgwNiAxMC4zNTc3QzQ1Ljc4MzcgOS43MDUwMyA0NS44ODU1IDkuMDUxNTYgNDUuODg1NSA4LjM5NzU4QzQ1Ljg4NTUgNy41NzA5NiA0NS43NDc2IDYuODI3OTIgNDUuNDY5NyA2LjE3MDEyQzQ1LjE5MiA1LjQ5ODY5IDQ0Ljc4MjQgNC45Mjg0OSA0NC4yNDE0IDQuNDYwNzJDNDMuNzE0MSAzLjk3ODAzIDQzLjA1NyAzLjYxNDE2IDQyLjI3MjkgMy4zNjc0M0M0MS40ODc4IDMuMTA2MDYgNDAuNTk2MyAyLjk3NjI2IDM5LjU5OTkgMi45NzYyNkgzNC43MTExVjE4Ljk3MTdIMzguMDIwNlYxMy45NDc3Wk00MS45NzI4IDkuOTQ5MDlMNDEuOTcxNiA5Ljk1MDU2TDQxLjk3MDYgOS45NTIwN0M0MS44MDk0IDEwLjE4MDIgNDEuNTc5MiAxMC4zNzA5IDQxLjI3NTcgMTAuNTIyNUM0MC45Nzc4IDEwLjY3MTMgNDAuNTk5OCAxMC43NDg1IDQwLjEzNzEgMTAuNzQ4NUgzOC4wMjA2VjYuMTc1NTFINDAuMTU4NkM0MC42OTM1IDYuMTc1NTEgNDEuMTA0IDYuMjY3MTggNDEuMzk4NyA2LjQ0MTE3TDQxLjM5OTUgNi40NDE2NUw0MS40MDAzIDYuNDQyMUM0MS43MTc5IDYuNjIxNDIgNDEuOTQ3NSA2LjgzOTE1IDQyLjA5NDggNy4wOTM0MUM0Mi4yNDczIDcuMzU2NTEgNDIuMzQyOSA3LjYxNzI1IDQyLjM4MzggNy44NzU5MUw0Mi4zODQzIDcuODc4ODdMNDIuMzg0OSA3Ljg4MThDNDIuNDQxNCA4LjEzNTgxIDQyLjQ2ODYgOC4zNDI5MiA0Mi40Njg2IDguNTA0OTNDNDIuNDY4NiA4LjcyMTk5IDQyLjQyNzggOC45NjI1MiA0Mi4zNDQxIDkuMjI3MjZMNDIuMzQzNiA5LjIyODg3TDQyLjM0MzIgOS4yMzA1QzQyLjI3NTMgOS40NzQ2NCA0Mi4xNTI2IDkuNzE0MTYgNDEuOTcyOCA5Ljk0OTA5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTUxLjYyMzYgMi45NzYyNkg0OC4zMTQxVjE4Ljk3MTdINTEuNjIzNlYyLjk3NjI2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY0LjE2MTEgMi45NzYyNkg1My4zMDlWNi4xNzU1MUg1Ny4wMDUxVjE4Ljk3MTdMNjAuMzE0NiAxOC45NTg2VjYuMTc1NTFINjQuMTYxMVYyLjk3NjI2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjUyNDc3NCAwLjI3NDIyN0MwLjU3NDczNCAwLjI0NTQwOCAwLjYzODYxNyAwLjI2MjUxMSAwLjY2NzQ2MiAwLjMxMjQyN0wxNC4xMTQ2IDIzLjU4MzJDMTQuMTQzNCAyMy42MzMxIDE0LjEyNjMgMjMuNjk2OSAxNC4wNzY0IDIzLjcyNThDMTQuMDI2NCAyMy43NTQ2IDEzLjk2MjUgMjMuNzM3NSAxMy45MzM3IDIzLjY4NzZMMC40ODY1NDEgMC40MTY3OUMwLjQ1NzY5NyAwLjM2Njg3NCAwLjQ3NDgxNSAwLjMwMzA0NiAwLjUyNDc3NCAwLjI3NDIyN1oiIGZpbGw9IiM3N0E2QzAiLz4KPHBhdGggZD0iTTIuNzUzMDQgMTguNDI5OUgyLjE3NzQ5VjE5LjE2OTNIMS40Mzc1TDEuNDM3NSAxOS43NDQzSDIuMTc3NDlWMjAuNDgzN0gyLjc1MzA0VjE5Ljc0NDNIMy40OTMwNFYxOS4xNjkzTDIuNzUzMDQgMTkuMTY5M1YxOC40Mjk5WiIgZmlsbD0iIzc3QTZDMCIvPgo8L3N2Zz4K" width="65" height="24" alt="Spirit"></a>
       <div class="HeaderMobileActions">
-        <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--inverted Button--medium Button--square" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a1fcc7134edb5d176925f0fd5ddd9d42" aria-hidden="true">
+        <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--secondary Button--medium Button--square" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a1fcc7134edb5d176925f0fd5ddd9d42" aria-hidden="true">
         <path d="M4 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H4C3.45 16 3 16.45 3 17C3 17.55 3.45 18 4 18ZM4 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H4C3.45 11 3 11.45 3 12C3 12.55 3.45 13 4 13ZM3 7C3 7.55 3.45 8 4 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H4C3.45 6 3 6.45 3 7Z" fill="currentColor">
         </path></svg> <span class="accessibility-hidden">Menu</span></button>
       </div>
@@ -38,7 +38,7 @@
       </nav>
 
       <nav class="HeaderDesktopActions HeaderDesktopActions--end">
-        <a class="Button Button--primary Button--medium" href="/">Sign in</a> <a class="Button Button--inverted Button--medium" href="/">Enterprise</a>
+        <a class="Button Button--primary Button--medium" href="/">Sign in</a> <a class="Button Button--secondary Button--medium" href="/">Enterprise</a>
       </nav>
     </header>
 
@@ -73,7 +73,7 @@
           </nav>
 
           <nav class="HeaderDialogActions HeaderDialogActions--secondary">
-            <a class="Button Button--primary Button--medium" href="/">Sign in</a> <a class="Button Button--inverted Button--medium" href="/">Enterprise</a>
+            <a class="Button Button--primary Button--medium" href="/">Sign in</a> <a class="Button Button--secondary Button--medium" href="/">Enterprise</a>
           </nav>
         </div>
       </div>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderMinimal.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderMinimal.twig
new file mode 100644
index 0000000000..a45d9c694f
--- /dev/null
+++ b/packages/web-twig/src/Resources/components/Header/stories/HeaderMinimal.twig
@@ -0,0 +1,5 @@
+<Header>
+    <a href="#" aria-label="JobBoard homepage">
+        {% include '@components/Header/stories/_partials/JobBoardLogo.svg.twig' %}
+    </a>
+</Header>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderMinimalInverted.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderMinimalInverted.twig
deleted file mode 100644
index 83a2ebbf87..0000000000
--- a/packages/web-twig/src/Resources/components/Header/stories/HeaderMinimalInverted.twig
+++ /dev/null
@@ -1,3 +0,0 @@
-<Header color="inverted">
-    {% include '@components/Header/stories/_partials/SpiritLogo.twig' %}
-</Header>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderSimple.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderSimple.twig
new file mode 100644
index 0000000000..7dd7708645
--- /dev/null
+++ b/packages/web-twig/src/Resources/components/Header/stories/HeaderSimple.twig
@@ -0,0 +1,5 @@
+<Header isSimple>
+    <a href="#" aria-label="JobBoard homepage">
+        {% include '@components/Header/stories/_partials/JobBoardLogo.svg.twig' %}
+    </a>
+</Header>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderSimpleInverted.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderSimpleInverted.twig
deleted file mode 100644
index f68885cf6a..0000000000
--- a/packages/web-twig/src/Resources/components/Header/stories/HeaderSimpleInverted.twig
+++ /dev/null
@@ -1,3 +0,0 @@
-<Header color="inverted" isSimple>
-    {% include '@components/Header/stories/_partials/SpiritLogo.twig' %}
-</Header>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderSimpleTransparent.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderSimpleTransparent.twig
index ef60a8a37a..44e327310d 100644
--- a/packages/web-twig/src/Resources/components/Header/stories/HeaderSimpleTransparent.twig
+++ b/packages/web-twig/src/Resources/components/Header/stories/HeaderSimpleTransparent.twig
@@ -1,7 +1,9 @@
 <div style="display: flex; flex-direction: column; justify-content: space-between; height: 300px; color: white; background: linear-gradient(121.59deg, #073256 0%, #185C95 100%);">
 
-    <Header isSimple>
-        {% include '@components/Header/stories/_partials/SpiritLogo.twig' %}
+    <Header color="transparent" isSimple>
+        <a href="#" aria-label="JobBoard homepage">
+            {% include '@components/Header/stories/_partials/JobBoardLogoInverted.svg.twig' %}
+        </a>
     </Header>
 
     <Heading elementType="div" size="large" marginBottom="space-1200" UNSAFE_className="text-center">Example Cover</Heading>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActions.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderWithActions.twig
similarity index 87%
rename from packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActions.twig
rename to packages/web-twig/src/Resources/components/Header/stories/HeaderWithActions.twig
index 307be0e6da..081b5b06e9 100644
--- a/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActions.twig
+++ b/packages/web-twig/src/Resources/components/Header/stories/HeaderWithActions.twig
@@ -1,5 +1,7 @@
-<Header color="inverted">
-    {% include '@components/Header/stories/_partials/SpiritLogo.twig' %}
+<Header>
+    <a href="#" aria-label="JobBoard homepage">
+        {% include '@components/Header/stories/_partials/JobBoardLogo.svg.twig' %}
+    </a>
 
     <HeaderMobileActions dialogId="header-dialog-example-1" />
 
@@ -25,7 +27,7 @@
 
     <HeaderDesktopActions isAtEnd>
         <ButtonLink color="primary" href="/">Sign in</ButtonLink>
-        <ButtonLink color="inverted" href="/">Enterprise</ButtonLink>
+        <ButtonLink color="secondary" href="/">Enterprise</ButtonLink>
     </HeaderDesktopActions>
 </Header>
 
@@ -54,6 +56,6 @@
 
     <HeaderDialogActions color="secondary">
         <ButtonLink color="primary" href="/">Sign in</ButtonLink>
-        <ButtonLink color="inverted" href="/">Enterprise</ButtonLink>
+        <ButtonLink color="secondary" href="/">Enterprise</ButtonLink>
     </HeaderDialogActions>
 </HeaderDialog>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDialog.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderWithActionsAndDialog.twig
similarity index 93%
rename from packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDialog.twig
rename to packages/web-twig/src/Resources/components/Header/stories/HeaderWithActionsAndDialog.twig
index 01278e05db..a758fc9b83 100644
--- a/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDialog.twig
+++ b/packages/web-twig/src/Resources/components/Header/stories/HeaderWithActionsAndDialog.twig
@@ -1,6 +1,7 @@
-<Header color="inverted">
-
-    {% include '@components/Header/stories/_partials/SpiritLogo.twig' %}
+<Header>
+    <a href="#" aria-label="JobBoard homepage">
+        {% include '@components/Header/stories/_partials/JobBoardLogo.svg.twig' %}
+    </a>
 
     <HeaderMobileActions dialogId="header-dialog-example-2-main-navigation" />
 
@@ -33,7 +34,7 @@
         >
             Marian
         </HeaderButton>
-        <Button color="inverted" isSquare>
+        <Button color="secondary" isSquare>
             <Icon name="search" />
             <VisuallyHidden>Search</VisuallyHidden>
         </Button>
@@ -67,7 +68,7 @@
     <HeaderDialogActions color="secondary" aria-label="User menu">
         <HeaderDialogNav>
             <HeaderDialogNavItem>
-                <HeaderDialogText UNSAFE_className="text-primary-inverted-disabled">Marian</HeaderDialogText>
+                <HeaderDialogText UNSAFE_className="text-tertiary">Marian</HeaderDialogText>
             </HeaderDialogNavItem>
             <HeaderDialogNavItem>
                 <HeaderDialogLink href="#">Dashboard</HeaderDialogLink>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/_partials/JobBoardLogo.svg.twig b/packages/web-twig/src/Resources/components/Header/stories/_partials/JobBoardLogo.svg.twig
new file mode 100644
index 0000000000..9b3fbe3381
--- /dev/null
+++ b/packages/web-twig/src/Resources/components/Header/stories/_partials/JobBoardLogo.svg.twig
@@ -0,0 +1,52 @@
+<svg width="178" height="44" viewBox="0 0 178 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <title>JobBoard logo</title>
+    <g clip-path="url(#clip0_19404_2964)">
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M2 22C15.9836 22 24 13.9836 24 0C24 13.9836 32.0164 22 46 22C32.0164 22 24 30.0164 24 44C24 30.0164 15.9836 22 2 22Z"
+            fill="url(#paint0_linear_19404_2964)"
+        ></path>
+    </g>
+    <path
+        d="M52 25.9625V24.6625H55.9V25.9625C55.9 26.9375 56.45 27.8375 58 27.8375C59.5 27.8375 60.075 27.0625 60.075 25.8125V12.7625H64.125V26.0625C64.125 29.2375 61.775 31.5875 58.05 31.5875C53.975 31.5875 52 29.1625 52 25.9625Z"
+        fill="#1D1D1D"></path>
+    <path
+        d="M66.7037 24.9875C66.7037 21.0375 69.6037 18.3875 73.6037 18.3875C77.5787 18.3875 80.4787 21.0375 80.4787 24.9875C80.4787 28.9375 77.5787 31.5625 73.6037 31.5625C69.6037 31.5625 66.7037 28.9375 66.7037 24.9875ZM70.5787 24.9625C70.5787 26.8625 71.8037 28.1125 73.6037 28.1125C75.3787 28.1125 76.6037 26.8625 76.6037 24.9625C76.6037 23.0875 75.3787 21.8375 73.6037 21.8375C71.8037 21.8375 70.5787 23.0875 70.5787 24.9625Z"
+        fill="#1D1D1D"></path>
+    <path
+        d="M86.3357 31.2625H82.7107V12.4125H86.5607V20.2125C87.3107 19.0875 88.9607 18.3375 90.7607 18.3375C94.2607 18.3375 96.4857 21.0625 96.4857 25.1375C96.4857 29.0125 94.0107 31.5875 90.4607 31.5875C88.7107 31.5875 87.2107 30.8125 86.5357 29.6625L86.3357 31.2625ZM86.5857 24.9375C86.5857 26.8125 87.8357 28.0625 89.6357 28.0625C91.4607 28.0625 92.6107 26.7875 92.6107 24.9375C92.6107 23.0875 91.4607 21.8125 89.6357 21.8125C87.8357 21.8125 86.5857 23.0625 86.5857 24.9375Z"
+        fill="#1D1D1D"></path>
+    <path
+        d="M99.177 31.2625V12.7625H106.877C110.602 12.7625 112.852 14.7125 112.852 17.8875C112.852 19.8625 111.952 21.3125 110.277 22.0375C112.102 22.6375 113.077 24.0625 113.077 26.1625C113.077 29.4375 110.877 31.2625 106.877 31.2625H99.177ZM106.452 16.3125H103.227V20.3375H106.452C107.902 20.3375 108.702 19.6125 108.702 18.2875C108.702 16.9875 107.927 16.3125 106.452 16.3125ZM106.652 23.7375H103.227V27.7125H106.652C108.152 27.7125 108.927 27.0375 108.927 25.6625C108.927 24.4125 108.127 23.7375 106.652 23.7375Z"
+        fill="#1D1D1D"></path>
+    <path
+        d="M114.653 24.9875C114.653 21.0375 117.553 18.3875 121.553 18.3875C125.528 18.3875 128.428 21.0375 128.428 24.9875C128.428 28.9375 125.528 31.5625 121.553 31.5625C117.553 31.5625 114.653 28.9375 114.653 24.9875ZM118.528 24.9625C118.528 26.8625 119.753 28.1125 121.553 28.1125C123.328 28.1125 124.553 26.8625 124.553 24.9625C124.553 23.0875 123.328 21.8375 121.553 21.8375C119.753 21.8375 118.528 23.0875 118.528 24.9625Z"
+        fill="#1D1D1D"></path>
+    <path
+        d="M134.435 31.5875C131.785 31.5875 130.135 30.0375 130.135 27.5875C130.135 25.2875 131.76 23.8625 134.76 23.6375L138.26 23.3625V23.1625C138.26 21.9375 137.51 21.2875 136.135 21.2875C134.51 21.2875 133.635 21.9125 133.635 23.0375H130.435C130.435 20.2125 132.76 18.3625 136.335 18.3625C139.96 18.3625 142.01 20.3875 142.01 23.9625V31.2625H138.61L138.36 29.6125C137.96 30.7625 136.31 31.5875 134.435 31.5875ZM135.785 28.7375C137.26 28.7375 138.285 28.0125 138.285 26.5875V25.9125L136.335 26.0875C134.66 26.2375 134.06 26.6125 134.06 27.4125C134.06 28.3125 134.61 28.7375 135.785 28.7375Z"
+        fill="#1D1D1D"></path>
+    <path
+        d="M153.371 18.7625V22.3875H152.146C149.946 22.3875 148.621 23.3625 148.621 25.8375V31.2625H144.771V18.7875H148.396L148.596 20.6375C149.121 19.4125 150.221 18.5875 151.896 18.5875C152.346 18.5875 152.846 18.6375 153.371 18.7625Z"
+        fill="#1D1D1D"></path>
+    <path
+        d="M160.202 31.5875C156.602 31.5875 154.277 29.0375 154.277 25.0875C154.277 21.1125 156.652 18.3625 160.452 18.3625C162.002 18.3625 163.477 18.9875 164.202 19.9125V12.4125H168.052V31.2625H164.427L164.227 29.6625C163.552 30.8125 162.002 31.5875 160.202 31.5875ZM161.127 28.0625C162.927 28.0625 164.177 26.8125 164.177 24.9375C164.177 23.0625 162.927 21.8125 161.127 21.8125C159.302 21.8125 158.152 23.0875 158.152 24.9375C158.152 26.7875 159.302 28.0625 161.127 28.0625Z"
+        fill="#1D1D1D"></path>
+    <path
+        d="M173.343 31.5875C172.068 31.5875 171.043 30.5625 171.043 29.3375C171.043 28.0875 172.068 27.0625 173.343 27.0625C174.568 27.0625 175.643 28.0875 175.643 29.3375C175.643 30.5625 174.568 31.5875 173.343 31.5875Z"
+        fill="#1D1D1D"></path>
+    <defs>
+        <linearGradient
+            id="paint0_linear_19404_2964" x1="5.14205" y1="7.05282" x2="45.2356" y2="31.3983"
+            gradientUnits="userSpaceOnUse"
+        >
+            <stop stop-color="#FFCB3B"></stop>
+            <stop offset="0.28" stop-color="#FD7E40"></stop>
+            <stop offset="0.67" stop-color="#8F66FF"></stop>
+            <stop offset="0.89" stop-color="#4DD7BE"></stop>
+        </linearGradient>
+        <clipPath id="clip0_19404_2964">
+            <rect width="44" height="44" fill="white" transform="translate(2)"></rect>
+        </clipPath>
+    </defs>
+</svg>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/_partials/JobBoardLogoInverted.svg.twig b/packages/web-twig/src/Resources/components/Header/stories/_partials/JobBoardLogoInverted.svg.twig
new file mode 100644
index 0000000000..fba0dfe775
--- /dev/null
+++ b/packages/web-twig/src/Resources/components/Header/stories/_partials/JobBoardLogoInverted.svg.twig
@@ -0,0 +1,52 @@
+<svg width="178" height="44" viewBox="0 0 178 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <title>JobBoard logo</title>
+    <g clip-path="url(#clip0_19404_2967)">
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M2 22C15.9836 22 24 13.9836 24 0C24 13.9836 32.0164 22 46 22C32.0164 22 24 30.0164 24 44C24 30.0164 15.9836 22 2 22Z"
+            fill="white"
+        />
+    </g>
+    <path
+        d="M52 25.9625V24.6625H55.9V25.9625C55.9 26.9375 56.45 27.8375 58 27.8375C59.5 27.8375 60.075 27.0625 60.075 25.8125V12.7625H64.125V26.0625C64.125 29.2375 61.775 31.5875 58.05 31.5875C53.975 31.5875 52 29.1625 52 25.9625Z"
+        fill="white"
+    />
+    <path
+        d="M66.7037 24.9875C66.7037 21.0375 69.6037 18.3875 73.6037 18.3875C77.5787 18.3875 80.4787 21.0375 80.4787 24.9875C80.4787 28.9375 77.5787 31.5625 73.6037 31.5625C69.6037 31.5625 66.7037 28.9375 66.7037 24.9875ZM70.5787 24.9625C70.5787 26.8625 71.8037 28.1125 73.6037 28.1125C75.3787 28.1125 76.6037 26.8625 76.6037 24.9625C76.6037 23.0875 75.3787 21.8375 73.6037 21.8375C71.8037 21.8375 70.5787 23.0875 70.5787 24.9625Z"
+        fill="white"
+    />
+    <path
+        d="M86.3357 31.2625H82.7107V12.4125H86.5607V20.2125C87.3107 19.0875 88.9607 18.3375 90.7607 18.3375C94.2607 18.3375 96.4857 21.0625 96.4857 25.1375C96.4857 29.0125 94.0107 31.5875 90.4607 31.5875C88.7107 31.5875 87.2107 30.8125 86.5357 29.6625L86.3357 31.2625ZM86.5857 24.9375C86.5857 26.8125 87.8357 28.0625 89.6357 28.0625C91.4607 28.0625 92.6107 26.7875 92.6107 24.9375C92.6107 23.0875 91.4607 21.8125 89.6357 21.8125C87.8357 21.8125 86.5857 23.0625 86.5857 24.9375Z"
+        fill="white"
+    />
+    <path
+        d="M99.177 31.2625V12.7625H106.877C110.602 12.7625 112.852 14.7125 112.852 17.8875C112.852 19.8625 111.952 21.3125 110.277 22.0375C112.102 22.6375 113.077 24.0625 113.077 26.1625C113.077 29.4375 110.877 31.2625 106.877 31.2625H99.177ZM106.452 16.3125H103.227V20.3375H106.452C107.902 20.3375 108.702 19.6125 108.702 18.2875C108.702 16.9875 107.927 16.3125 106.452 16.3125ZM106.652 23.7375H103.227V27.7125H106.652C108.152 27.7125 108.927 27.0375 108.927 25.6625C108.927 24.4125 108.127 23.7375 106.652 23.7375Z"
+        fill="white"
+    />
+    <path
+        d="M114.653 24.9875C114.653 21.0375 117.553 18.3875 121.553 18.3875C125.528 18.3875 128.428 21.0375 128.428 24.9875C128.428 28.9375 125.528 31.5625 121.553 31.5625C117.553 31.5625 114.653 28.9375 114.653 24.9875ZM118.528 24.9625C118.528 26.8625 119.753 28.1125 121.553 28.1125C123.328 28.1125 124.553 26.8625 124.553 24.9625C124.553 23.0875 123.328 21.8375 121.553 21.8375C119.753 21.8375 118.528 23.0875 118.528 24.9625Z"
+        fill="white"
+    />
+    <path
+        d="M134.435 31.5875C131.785 31.5875 130.135 30.0375 130.135 27.5875C130.135 25.2875 131.76 23.8625 134.76 23.6375L138.26 23.3625V23.1625C138.26 21.9375 137.51 21.2875 136.135 21.2875C134.51 21.2875 133.635 21.9125 133.635 23.0375H130.435C130.435 20.2125 132.76 18.3625 136.335 18.3625C139.96 18.3625 142.01 20.3875 142.01 23.9625V31.2625H138.61L138.36 29.6125C137.96 30.7625 136.31 31.5875 134.435 31.5875ZM135.785 28.7375C137.26 28.7375 138.285 28.0125 138.285 26.5875V25.9125L136.335 26.0875C134.66 26.2375 134.06 26.6125 134.06 27.4125C134.06 28.3125 134.61 28.7375 135.785 28.7375Z"
+        fill="white"
+    />
+    <path
+        d="M153.371 18.7625V22.3875H152.146C149.946 22.3875 148.621 23.3625 148.621 25.8375V31.2625H144.771V18.7875H148.396L148.596 20.6375C149.121 19.4125 150.221 18.5875 151.896 18.5875C152.346 18.5875 152.846 18.6375 153.371 18.7625Z"
+        fill="white"
+    />
+    <path
+        d="M160.202 31.5875C156.602 31.5875 154.277 29.0375 154.277 25.0875C154.277 21.1125 156.652 18.3625 160.452 18.3625C162.002 18.3625 163.477 18.9875 164.202 19.9125V12.4125H168.052V31.2625H164.427L164.227 29.6625C163.552 30.8125 162.002 31.5875 160.202 31.5875ZM161.127 28.0625C162.927 28.0625 164.177 26.8125 164.177 24.9375C164.177 23.0625 162.927 21.8125 161.127 21.8125C159.302 21.8125 158.152 23.0875 158.152 24.9375C158.152 26.7875 159.302 28.0625 161.127 28.0625Z"
+        fill="white"
+    />
+    <path
+        d="M173.343 31.5875C172.068 31.5875 171.043 30.5625 171.043 29.3375C171.043 28.0875 172.068 27.0625 173.343 27.0625C174.568 27.0625 175.643 28.0875 175.643 29.3375C175.643 30.5625 174.568 31.5875 173.343 31.5875Z"
+        fill="white"
+    />
+    <defs>
+        <clipPath id="clip0_19404_2967">
+            <rect width="44" height="44" fill="white" transform="translate(2)" />
+        </clipPath>
+    </defs>
+</svg>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/_partials/SpiritLogo.twig b/packages/web-twig/src/Resources/components/Header/stories/_partials/SpiritLogo.twig
deleted file mode 100644
index 38aa8aac91..0000000000
--- a/packages/web-twig/src/Resources/components/Header/stories/_partials/SpiritLogo.twig
+++ /dev/null
@@ -1,8 +0,0 @@
-<a href="#" aria-label="Spirit homepage">
-    <img
-        src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA2NSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzQ4MTIgMTEuOTA2OEw0LjI2MzY3IDYuNTk5MzlDNC4zNjA2OCA2LjA4NDg2IDQuNTM1IDUuNjE1NDMgNC43ODc1IDUuMTkxOTZMNC43ODc4OCA1LjE5MTMyTDQuNzg4MjggNS4xOTA2OEM1LjIxMzM3IDQuNTAyMzUgNS44MDY4MiAzLjk2MTE1IDYuNTY2MDEgMy41NjcxN0M3LjMyNTQ3IDMuMTU4NzMgOC4xOTk0NCAyLjkzMzk1IDkuMTg1NjcgMi44OTA0N0w5LjE4NzgxIDIuODkwMzhIOS4xODk5NEMxMC40NzEyIDIuODkwMzggMTEuNTE1NiAzLjA0MTIyIDEyLjMxODYgMy4zNDc1MUMxMy4xMjY2IDMuNjUwMjggMTMuODQ5NSA0LjAxMTIxIDE0LjQ4NjUgNC40MzA3MkwxNC41NTggNC40Nzc3OUwxMy4yOTMzIDcuMDI3ODlMMTMuMjA0OSA2Ljk3OTQ5QzEyLjYwNzkgNi42NTI4NyAxMS45OTcgNi4zODMxOSAxMS4zNzIxIDYuMTcwMzRMMTEuMzcxNCA2LjE3MDEyQzEwLjc2MzcgNS45NTgzIDEwLjE5NDMgNS44NTM0NiA5LjY2MjcgNS44NTM0NkM5LjAwMTE5IDUuODUzNDYgOC40OTMxMyA1Ljk4NzIxIDguMTI4MjIgNi4yNDM3N0M3Ljc3MTM2IDYuNDk0NjggNy41ODkxMSA2Ljg3MDU3IDcuNTg5MTEgNy4zODg0OEM3LjU4OTExIDcuNzMyMTYgNy43MjAxNCA4LjA0NDc4IDcuOTkwNTcgOC4zMjkxOEM4LjI4MjY3IDguNjA2NzMgOC42NTMxNCA4Ljg1ODU3IDkuMTAzNzcgOS4wODM3NEM5LjU3MzUzIDkuMzExMjggMTAuMDU3NiA5LjUxNzUzIDEwLjU1NiA5LjcwMjQ4TDEwLjU1NjIgOS43MDI1OEMxMS4wMTg2IDkuODc1ODEgMTEuNDczNSAxMC4wODUgMTEuOTIxIDEwLjMzMDFDMTIuMzg3NyAxMC41NjM0IDEyLjgwMzcgMTAuODYyNCAxMy4xNjg3IDExLjIyN0MxMy41Mzc2IDExLjU4MSAxMy44MzA5IDEyLjAyOTIgMTQuMDUgMTIuNTY5QzE0LjI3MTEgMTMuMDk5NCAxNC4zNzk2IDEzLjc0OTcgMTQuMzc5NiAxNC41MTY2QzE0LjM3OTYgMTUuMzM1OCAxNC4xNjcxIDE2LjA5NzQgMTMuNzQyNSAxNi43OTk1QzEzLjMxNjkgMTcuNTAzMyAxMi42OTQzIDE4LjA3MjkgMTEuODc4OCAxOC41MDk0TDExLjg3NzYgMTguNTFDMTEuNzAyNCAxOC42MDA3IDExLjUxODcgMTguNjgxNSAxMS4zMjY2IDE4Ljc1MjZMOS43NDY3NyAxNi4wMzQyQzEwLjA4NzggMTUuOTIyOSAxMC4zNjQ4IDE1Ljc1MjIgMTAuNTgwOCAxNS41MjM3TDEwLjU4MTggMTUuNTIyN0wxMC41ODI3IDE1LjUyMTdDMTAuODE4MSAxNS4yODY2IDEwLjk0MTIgMTQuOTU1OSAxMC45NDEyIDE0LjUxNjZDMTAuOTQxMiAxNC4yMjU4IDEwLjg0MjcgMTMuOTYxMiAxMC42NDEzIDEzLjcxOTdMMTAuNjQwMyAxMy43MTg0TDEwLjYzOTIgMTMuNzE3MUMxMC40NDc3IDEzLjQ3MTEgMTAuMTc4NCAxMy4yNDI0IDkuODI3NzggMTMuMDMyMkw5LjgyNzAzIDEzLjAzMTdMOS44MjYyOCAxMy4wMzEzQzkuNDg4MzEgMTIuODIwMiA5LjExNDQzIDEyLjYzNjkgOC43MDQzNCAxMi40ODE1TDguNzA0MSAxMi40ODE0QzguMjYzNTIgMTIuMzEzMSA3LjgxMTUyIDEyLjEyMTUgNy4zNDgxMiAxMS45MDY4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4wOTk1IDEzLjQ4ODRMMjQuMTAwMyAxMy40ODhDMjQuODI4IDEzLjE1MzYgMjUuNDA2OCAxMi43MTU1IDI1LjgzMzIgMTIuMTcyMkMyNi4yNzA2IDExLjYzMzEgMjYuNTg0NSAxMS4wMzUxIDI2Ljc3NDQgMTAuMzc4OEMyNi45Nzc0IDkuNzEyMTUgMjcuMDc5MiA5LjA1MTYzIDI3LjA3OTIgOC4zOTc1OEMyNy4wNzkyIDcuMjk1NyAyNi44Mzk3IDYuMzQwNDMgMjYuMzU2NSA1LjUzNTY4QzI1Ljg3MzMgNC43MTY1MyAyNS4xNzA3IDQuMDg4NSAyNC4yNTI1IDMuNjUxNDlDMjMuMzMzNCAzLjE5OTc4IDIyLjIxNSAyLjk3NjI2IDIwLjkwMSAyLjk3NjI2SDE2LjAxMjJWMTguOTcxN0gxOS4zMjE3VjEzLjk2OTJIMjEuNDU5N0MyMi41MDA1IDEzLjk2OTIgMjMuMzgxNiAxMy44MTA0IDI0LjA5OTUgMTMuNDg4NFpNMjMuMjcyMyA5LjkyOTc0TDIzLjI3MTcgOS45MzA2QzIzLjExMDEgMTAuMTU5MiAyMi44NzkzIDEwLjM1NzMgMjIuNTc1MyAxMC41MjMzQzIyLjI3NzYgMTAuNjcxNiAyMS45MDAxIDEwLjc0ODUgMjEuNDM4MiAxMC43NDg1SDE5LjMyMTdWNi4xNzU1MUgyMS40NTk3QzIxLjk5NDYgNi4xNzU1MSAyMi40MDUxIDYuMjY3MTggMjIuNjk5OCA2LjQ0MTE3TDIyLjcwMDYgNi40NDE2NUwyMi43MDE0IDYuNDQyMUMyMy4wMTkgNi42MjE0MiAyMy4yNDg2IDYuODM5MTUgMjMuMzk1OSA3LjA5MzQxQzIzLjU0ODQgNy4zNTY1MSAyMy42NDQgNy42MTcyNSAyMy42ODQ5IDcuODc1OTFMMjMuNjg1NCA3Ljg3ODg3TDIzLjY4NiA3Ljg4MThDMjMuNzQyNyA4LjEzNjUxIDIzLjc2OTcgOC4zMzYyMSAyMy43Njk3IDguNDgzNDZDMjMuNzY5NyA4LjY3MDc2IDIzLjcyOTQgOC44OTY2NyAyMy42NDUzIDkuMTYyODVMMjMuNjQ0NSA5LjE2NTA5TDIzLjY0MzkgOS4xNjczNkMyMy41NzU3IDkuNDI2NDEgMjMuNDUyNCA5LjY4MDUxIDIzLjI3MjMgOS45Mjk3NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMS45NTEyIDIuOTc2MjZIMjguNjQxOFYxOC45NzE3SDMxLjk1MTJWMi45NzYyNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzguMDIwNiAxMy45NDc3SDM5Ljk0NjhMNDMuMjg3MSAxOC45NzE3SDQ3LjE0NzZMNDMuNDI2NSAxMy4xNzAzQzQzLjg5OTQgMTIuODg1OSA0NC4yOTY2IDEyLjU0NjcgNDQuNjE3MSAxMi4xNTE5QzQ1LjA2OTEgMTEuNjEyNyA0NS4zOTA1IDExLjAxNDUgNDUuNTgwNiAxMC4zNTc3QzQ1Ljc4MzcgOS43MDUwMyA0NS44ODU1IDkuMDUxNTYgNDUuODg1NSA4LjM5NzU4QzQ1Ljg4NTUgNy41NzA5NiA0NS43NDc2IDYuODI3OTIgNDUuNDY5NyA2LjE3MDEyQzQ1LjE5MiA1LjQ5ODY5IDQ0Ljc4MjQgNC45Mjg0OSA0NC4yNDE0IDQuNDYwNzJDNDMuNzE0MSAzLjk3ODAzIDQzLjA1NyAzLjYxNDE2IDQyLjI3MjkgMy4zNjc0M0M0MS40ODc4IDMuMTA2MDYgNDAuNTk2MyAyLjk3NjI2IDM5LjU5OTkgMi45NzYyNkgzNC43MTExVjE4Ljk3MTdIMzguMDIwNlYxMy45NDc3Wk00MS45NzI4IDkuOTQ5MDlMNDEuOTcxNiA5Ljk1MDU2TDQxLjk3MDYgOS45NTIwN0M0MS44MDk0IDEwLjE4MDIgNDEuNTc5MiAxMC4zNzA5IDQxLjI3NTcgMTAuNTIyNUM0MC45Nzc4IDEwLjY3MTMgNDAuNTk5OCAxMC43NDg1IDQwLjEzNzEgMTAuNzQ4NUgzOC4wMjA2VjYuMTc1NTFINDAuMTU4NkM0MC42OTM1IDYuMTc1NTEgNDEuMTA0IDYuMjY3MTggNDEuMzk4NyA2LjQ0MTE3TDQxLjM5OTUgNi40NDE2NUw0MS40MDAzIDYuNDQyMUM0MS43MTc5IDYuNjIxNDIgNDEuOTQ3NSA2LjgzOTE1IDQyLjA5NDggNy4wOTM0MUM0Mi4yNDczIDcuMzU2NTEgNDIuMzQyOSA3LjYxNzI1IDQyLjM4MzggNy44NzU5MUw0Mi4zODQzIDcuODc4ODdMNDIuMzg0OSA3Ljg4MThDNDIuNDQxNCA4LjEzNTgxIDQyLjQ2ODYgOC4zNDI5MiA0Mi40Njg2IDguNTA0OTNDNDIuNDY4NiA4LjcyMTk5IDQyLjQyNzggOC45NjI1MiA0Mi4zNDQxIDkuMjI3MjZMNDIuMzQzNiA5LjIyODg3TDQyLjM0MzIgOS4yMzA1QzQyLjI3NTMgOS40NzQ2NCA0Mi4xNTI2IDkuNzE0MTYgNDEuOTcyOCA5Ljk0OTA5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTUxLjYyMzYgMi45NzYyNkg0OC4zMTQxVjE4Ljk3MTdINTEuNjIzNlYyLjk3NjI2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY0LjE2MTEgMi45NzYyNkg1My4zMDlWNi4xNzU1MUg1Ny4wMDUxVjE4Ljk3MTdMNjAuMzE0NiAxOC45NTg2VjYuMTc1NTFINjQuMTYxMVYyLjk3NjI2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjUyNDc3NCAwLjI3NDIyN0MwLjU3NDczNCAwLjI0NTQwOCAwLjYzODYxNyAwLjI2MjUxMSAwLjY2NzQ2MiAwLjMxMjQyN0wxNC4xMTQ2IDIzLjU4MzJDMTQuMTQzNCAyMy42MzMxIDE0LjEyNjMgMjMuNjk2OSAxNC4wNzY0IDIzLjcyNThDMTQuMDI2NCAyMy43NTQ2IDEzLjk2MjUgMjMuNzM3NSAxMy45MzM3IDIzLjY4NzZMMC40ODY1NDEgMC40MTY3OUMwLjQ1NzY5NyAwLjM2Njg3NCAwLjQ3NDgxNSAwLjMwMzA0NiAwLjUyNDc3NCAwLjI3NDIyN1oiIGZpbGw9IiM3N0E2QzAiLz4KPHBhdGggZD0iTTIuNzUzMDQgMTguNDI5OUgyLjE3NzQ5VjE5LjE2OTNIMS40Mzc1TDEuNDM3NSAxOS43NDQzSDIuMTc3NDlWMjAuNDgzN0gyLjc1MzA0VjE5Ljc0NDNIMy40OTMwNFYxOS4xNjkzTDIuNzUzMDQgMTkuMTY5M1YxOC40Mjk5WiIgZmlsbD0iIzc3QTZDMCIvPgo8L3N2Zz4K"
-        width="65"
-        height="24"
-        alt="Spirit"
-    />
-</a>