diff --git a/docs/02-Basics/02-colors.html b/docs/02-Basics/02-colors.html
index cfd401ebd..b2f9bdf38 100644
--- a/docs/02-Basics/02-colors.html
+++ b/docs/02-Basics/02-colors.html
@@ -206,6 +206,55 @@ <h3>INNOQ Red</h3>
     </div>
 </div>
 
+<hr>
+
+<h2>Edition CH</h2>
+<!-- INNOQ CH Red colors -->
+<h3>INNOQ CH Red</h3>
+<div class="swatches">
+    <div class="swatch swatch-brand-ch-red">
+        <div class="swatch-color"></div>
+        <div class="swatch-text swatch-text--rgb"></div>
+    </div>
+    <div class="swatch swatch-brand-ch-red-75">
+        <div class="swatch-color"></div>
+        <div class="swatch-text swatch-text--rgb"></div>
+    </div>
+    <div class="swatch swatch-brand-ch-red-50">
+        <div class="swatch-color"></div>
+        <div class="swatch-text swatch-text--rgb"></div>
+    </div>
+</div>
+
+<!-- INNOQ CH Mud colors -->
+<h3>INNOQ CH Beige / Gray</h3>
+<div class="swatches">
+    <div class="swatch swatch-brand-ch-beige">
+        <div class="swatch-color"></div>
+        <div class="swatch-text swatch-text--rgb"></div>
+    </div>
+    <div class="swatch swatch-brand-ch-gray">
+        <div class="swatch-color"></div>
+        <div class="swatch-text swatch-text--rgb"></div>
+    </div>
+    <div class="swatch swatch-brand-ch-gray-75">
+        <div class="swatch-color"></div>
+        <div class="swatch-text swatch-text--rgb"></div>
+    </div>
+    <div class="swatch swatch-brand-ch-gray-50">
+        <div class="swatch-color"></div>
+        <div class="swatch-text swatch-text--rgb"></div>
+    </div>
+</div>
+
+<h3>INNOQ CH Black</h3>
+<div class="swatches">
+    <div class="swatch swatch-brand-ch-black">
+        <div class="swatch-color"></div>
+        <div class="swatch-text swatch-text--rgb"></div>
+    </div>
+</div>
+
 <script>
     document.querySelectorAll('.swatch-text--rgb').forEach(swatch => {
         let hex = window.getComputedStyle(swatch, ':after').getPropertyValue('content');
diff --git a/docs/02-Basics/03-logos.html b/docs/02-Basics/03-logos.html
index 01267ee91..3331da9e2 100644
--- a/docs/02-Basics/03-logos.html
+++ b/docs/02-Basics/03-logos.html
@@ -43,6 +43,34 @@ <h2>Edition 01</h2>
     <img class="logo" src="{{ path '/assets/logos/edition-01/svg/innoq-logo--redblue.svg' }}" />
 </div>
 
+<h2>Edition CH</h2>
+<div class="demo demo--centered">
+    <img class="demo--ch-logo" src="{{ path '/assets/logos/edition-ch/svg/innoq-logo-schweiz-grau-rot-auf-weiss.svg' }}" />
+</div>
+<div class="demo demo--centered">
+    <img class="demo--ch-logo" src="{{ path '/assets/logos/edition-ch/svg/innoq-logo-schweiz-rot-grau-auf-weiss.svg' }}" />
+</div>
+
+<h3 class="m-t-md">Boxed</h3>
+<div class="demo demo--centered">
+    <img class="demo--ch-logo" src="{{ path '/assets/logos/edition-ch/svg/innoq-logo-schweiz-rot.svg' }}" />
+</div>
+<div class="demo demo--centered">
+    <img class="demo--ch-logo" src="{{ path '/assets/logos/edition-ch/svg/innoq-logo-schweiz-rot-2.svg' }}" />
+</div>
+<div class="demo demo--centered">
+    <img class="demo--ch-logo" src="{{ path '/assets/logos/edition-ch/svg/innoq-logo-schweiz-rot-weiss-auf-grau.svg' }}" />
+</div>
+<div class="demo demo--centered">
+    <img class="demo--ch-logo" src="{{ path '/assets/logos/edition-ch/svg/innoq-logo-schweiz-dunkel.svg' }}" />
+</div>
+<div class="demo demo--centered">
+    <img class="demo--ch-logo" src="{{ path '/assets/logos/edition-ch/svg/innoq-logo-schweiz-grau-rot-auf-beige.svg' }}" />
+</div>
+<div class="demo demo--centered">
+    <img class="demo--ch-logo" src="{{ path '/assets/logos/edition-ch/svg/innoq-logo-schweiz-rot-grau-auf-beige.svg' }}" />
+</div>
+
 <h2>Monochrome</h2>
 <div class="demo demo--centered demo--black">
     <img class="logo" src="{{ path '/assets/logos/monochrome/svg/innoq-logo--white.svg' }}" />
@@ -53,4 +81,3 @@ <h2>Monochrome</h2>
 <div class="demo demo--centered">
     <img class="logo" src="{{ path '/assets/logos/monochrome/svg/innoq-logo--monochrome.svg' }}" />
 </div>
-
diff --git a/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-dunkel.svg b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-dunkel.svg
new file mode 100644
index 000000000..6231b8e4a
--- /dev/null
+++ b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-dunkel.svg
@@ -0,0 +1,12 @@
+<svg width="1045" height="496" viewBox="0 0 1045 496" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1047_111)">
+<path d="M1044.83 0.469177H0V495.195H1044.83V0.469177Z" fill="#222327"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M827.742 191.322C859.124 191.322 881.645 214.212 881.645 247.44C881.645 253.716 880.906 259.623 879.43 265.161L873.153 256.67H822.942L853.586 297.651C846.202 301.343 837.341 303.558 828.111 303.558C796.729 303.558 774.208 280.668 774.208 247.44C773.839 214.581 796.36 191.322 827.742 191.322ZM827.742 147.018C767.932 147.018 725.474 189.845 725.474 247.44C725.474 305.035 767.932 347.862 827.742 347.862C848.048 347.862 865.4 342.324 880.168 332.725L888.66 344.17H942.932L912.288 302.82C922.995 287.313 929.271 269.223 929.271 247.44C930.01 189.845 887.552 147.018 827.742 147.018Z" fill="#D15A44"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.235 150.71H158.385V344.539H112.235V150.71ZM492.14 344.539V150.71H445.991V269.223L357.383 150.71H337.077H313.079V269.223L224.841 150.71H180.537V344.539H226.687V226.396L314.925 344.539H322.678H348.891H359.598V226.396L447.837 344.539H492.14ZM610.284 191.322C641.666 191.322 664.187 214.212 664.187 247.44C664.187 280.668 641.666 303.558 610.284 303.558C578.533 303.558 556.381 280.668 556.381 247.44C556.381 214.212 578.902 191.322 610.284 191.322ZM610.284 147.018C550.474 147.018 508.016 189.845 508.016 247.44C508.016 305.035 550.474 347.862 610.284 347.862C670.094 347.862 712.552 305.035 712.552 247.44C712.552 189.845 670.094 147.018 610.284 147.018Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1047_111">
+<rect width="1044.83" height="494.726" fill="white" transform="translate(0 0.469177)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-grau-rot-auf-beige.svg b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-grau-rot-auf-beige.svg
new file mode 100644
index 000000000..be2d0dcfc
--- /dev/null
+++ b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-grau-rot-auf-beige.svg
@@ -0,0 +1,12 @@
+<svg width="1045" height="495" viewBox="0 0 1045 495" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1047_125)">
+<path d="M1044.83 0.274048H0V495H522.416H1044.83V0.274048Z" fill="#DBDDD7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M827.742 191.126C859.124 191.126 881.645 214.017 881.645 247.245C881.645 253.521 880.906 259.428 879.43 264.966L873.153 256.475H822.942L853.586 297.456C846.202 301.148 837.341 303.363 828.111 303.363C796.729 303.363 774.208 280.472 774.208 247.245C773.839 214.386 796.36 191.126 827.742 191.126ZM827.742 146.823C767.932 146.823 725.474 189.65 725.474 247.245C725.474 304.84 767.932 347.667 827.742 347.667C848.048 347.667 865.4 342.129 880.168 332.529L888.66 343.975H942.932L912.288 302.624C922.995 287.118 929.271 269.027 929.271 247.245C930.01 189.65 887.552 146.823 827.742 146.823Z" fill="#D15A44"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.235 150.515H158.385V344.344H112.235V150.515ZM492.14 344.344V150.515H445.991V269.027L357.383 150.515H337.077H313.079V269.027L224.841 150.515H180.537V344.344H226.687V226.2L314.925 344.344H322.678H348.891H359.598V226.2L447.837 344.344H492.14ZM610.284 191.126C641.666 191.126 664.187 214.017 664.187 247.245C664.187 280.472 641.666 303.363 610.284 303.363C578.533 303.363 556.381 280.472 556.381 247.245C556.381 214.017 578.902 191.126 610.284 191.126ZM610.284 146.823C550.474 146.823 508.016 189.65 508.016 247.245C508.016 304.84 550.474 347.667 610.284 347.667C670.094 347.667 712.552 304.84 712.552 247.245C712.552 189.65 670.094 146.823 610.284 146.823Z" fill="#222327"/>
+</g>
+<defs>
+<clipPath id="clip0_1047_125">
+<rect width="1044.83" height="494.726" fill="white" transform="translate(0 0.274048)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-grau-rot-auf-weiss.svg b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-grau-rot-auf-weiss.svg
new file mode 100644
index 000000000..768a28fff
--- /dev/null
+++ b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-grau-rot-auf-weiss.svg
@@ -0,0 +1,12 @@
+<svg width="1045" height="495" viewBox="0 0 1045 495" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1047_153)">
+<path d="M1044.83 0.274048H0V495H522.416H1044.83V0.274048Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M827.742 191.126C859.123 191.126 881.645 214.017 881.645 247.245C881.645 253.521 880.906 259.428 879.429 264.966L873.153 256.475H822.942L853.585 297.456C846.202 301.148 837.341 303.363 828.111 303.363C796.729 303.363 774.208 280.472 774.208 247.245C773.839 214.386 796.36 191.126 827.742 191.126ZM827.742 146.823C767.931 146.823 725.474 189.65 725.474 247.245C725.474 304.84 767.931 347.667 827.742 347.667C848.048 347.667 865.4 342.129 880.168 332.529L888.659 343.975H942.932L912.288 302.624C922.995 287.118 929.271 269.027 929.271 247.245C930.01 189.65 887.552 146.823 827.742 146.823Z" fill="#D15A44"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.235 150.515H158.385V344.344H112.235V150.515ZM492.14 344.344V150.515H445.99V269.027L357.383 150.515H337.077H313.079V269.027L224.84 150.515H180.537V344.344H226.686V226.2L314.925 344.344H322.678H348.891H359.598V226.2L447.836 344.344H492.14ZM610.284 191.126C641.665 191.126 664.187 214.017 664.187 247.245C664.187 280.472 641.665 303.363 610.284 303.363C578.533 303.363 556.381 280.472 556.381 247.245C556.381 214.017 578.902 191.126 610.284 191.126ZM610.284 146.823C550.473 146.823 508.016 189.65 508.016 247.245C508.016 304.84 550.473 347.667 610.284 347.667C670.094 347.667 712.552 304.84 712.552 247.245C712.552 189.65 670.094 146.823 610.284 146.823Z" fill="#222327"/>
+</g>
+<defs>
+<clipPath id="clip0_1047_153">
+<rect width="1044.83" height="494.726" fill="white" transform="translate(0 0.274048)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-2.svg b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-2.svg
new file mode 100644
index 000000000..306440cb1
--- /dev/null
+++ b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-2.svg
@@ -0,0 +1,12 @@
+<svg width="1046" height="495" viewBox="0 0 1046 495" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1047_139)">
+<path d="M1045.59 0H0.754272V494.726H1045.59V0Z" fill="#D15A44"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M828.496 190.852C859.878 190.852 882.399 213.743 882.399 246.971C882.399 253.247 881.661 259.154 880.184 264.692L873.908 256.201H823.697L854.34 297.182C846.956 300.874 838.095 303.089 828.865 303.089C797.484 303.089 774.962 280.198 774.962 246.971C774.593 214.112 797.114 190.852 828.496 190.852ZM828.496 146.549C768.686 146.549 726.228 189.376 726.228 246.971C726.228 304.566 768.686 347.393 828.496 347.393C848.802 347.393 866.154 341.855 880.922 332.255L889.414 343.701H943.686L913.043 302.35C923.749 286.844 930.026 268.753 930.026 246.971C930.764 189.376 888.306 146.549 828.496 146.549Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.989 150.241H159.139V344.07H112.989V150.241ZM492.895 344.07V150.241H446.745V268.753L358.137 150.241H337.831H313.833V268.753L225.595 150.241H181.291V344.07H227.441V225.926L315.679 344.07H323.433H349.646H360.352V225.926L448.591 344.07H492.895ZM611.038 190.852C642.42 190.852 664.941 213.743 664.941 246.971C664.941 280.198 642.42 303.089 611.038 303.089C579.287 303.089 557.135 280.198 557.135 246.971C557.135 213.743 579.656 190.852 611.038 190.852ZM611.038 146.549C551.228 146.549 508.77 189.376 508.77 246.971C508.77 304.566 551.228 347.393 611.038 347.393C670.848 347.393 713.306 304.566 713.306 246.971C713.306 189.376 670.848 146.549 611.038 146.549Z" fill="#222327"/>
+</g>
+<defs>
+<clipPath id="clip0_1047_139">
+<rect width="1044.83" height="494.726" fill="white" transform="translate(0.754272)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-grau-auf-beige.svg b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-grau-auf-beige.svg
new file mode 100644
index 000000000..9e0333823
--- /dev/null
+++ b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-grau-auf-beige.svg
@@ -0,0 +1,12 @@
+<svg width="1046" height="495" viewBox="0 0 1046 495" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1047_132)">
+<path d="M1045.59 0.274048H0.754272V495H523.17H1045.59V0.274048Z" fill="#DBDDD7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M828.496 191.126C859.878 191.126 882.399 214.017 882.399 247.245C882.399 253.521 881.661 259.428 880.184 264.966L873.908 256.475H823.697L854.34 297.456C846.956 301.148 838.095 303.363 828.865 303.363C797.484 303.363 774.962 280.472 774.962 247.245C774.593 214.386 797.114 191.126 828.496 191.126ZM828.496 146.823C768.686 146.823 726.228 189.65 726.228 247.245C726.228 304.84 768.686 347.667 828.496 347.667C848.802 347.667 866.154 342.129 880.922 332.529L889.414 343.975H943.686L913.043 302.624C923.749 287.118 930.026 269.027 930.026 247.245C930.764 189.65 888.306 146.823 828.496 146.823Z" fill="#222327"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.989 150.515H159.139V344.344H112.989V150.515ZM492.895 344.344V150.515H446.745V269.027L358.137 150.515H337.831H313.833V269.027L225.595 150.515H181.291V344.344H227.441V226.2L315.679 344.344H323.433H349.646H360.352V226.2L448.591 344.344H492.895ZM611.038 191.126C642.42 191.126 664.941 214.017 664.941 247.245C664.941 280.472 642.42 303.363 611.038 303.363C579.287 303.363 557.135 280.472 557.135 247.245C557.135 214.017 579.656 191.126 611.038 191.126ZM611.038 146.823C551.228 146.823 508.77 189.65 508.77 247.245C508.77 304.84 551.228 347.667 611.038 347.667C670.848 347.667 713.306 304.84 713.306 247.245C713.306 189.65 670.848 146.823 611.038 146.823Z" fill="#D15A44"/>
+</g>
+<defs>
+<clipPath id="clip0_1047_132">
+<rect width="1044.83" height="494.726" fill="white" transform="translate(0.754272 0.274048)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-grau-auf-weiss.svg b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-grau-auf-weiss.svg
new file mode 100644
index 000000000..2fb9a8bb6
--- /dev/null
+++ b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-grau-auf-weiss.svg
@@ -0,0 +1,12 @@
+<svg width="1045" height="495" viewBox="0 0 1045 495" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1047_147)">
+<path d="M1044.83 0.274048H0V495H522.416H1044.83V0.274048Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M827.742 191.126C859.124 191.126 881.645 214.017 881.645 247.245C881.645 253.521 880.907 259.428 879.43 264.966L873.154 256.475H822.942L853.586 297.456C846.202 301.148 837.341 303.363 828.111 303.363C796.729 303.363 774.208 280.472 774.208 247.245C773.839 214.386 796.36 191.126 827.742 191.126ZM827.742 146.823C767.932 146.823 725.474 189.65 725.474 247.245C725.474 304.84 767.932 347.667 827.742 347.667C848.048 347.667 865.4 342.129 880.168 332.529L888.66 343.975H942.932L912.289 302.624C922.995 287.118 929.272 269.027 929.272 247.245C930.01 189.65 887.552 146.823 827.742 146.823Z" fill="#222327"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.235 150.515H158.385V344.344H112.235V150.515ZM492.14 344.344V150.515H445.991V269.027L357.383 150.515H337.077H313.079V269.027L224.841 150.515H180.537V344.344H226.687V226.2L314.925 344.344H322.678H348.891H359.598V226.2L447.837 344.344H492.14ZM610.284 191.126C641.666 191.126 664.187 214.017 664.187 247.245C664.187 280.472 641.666 303.363 610.284 303.363C578.533 303.363 556.381 280.472 556.381 247.245C556.381 214.017 578.902 191.126 610.284 191.126ZM610.284 146.823C550.474 146.823 508.016 189.65 508.016 247.245C508.016 304.84 550.474 347.667 610.284 347.667C670.094 347.667 712.552 304.84 712.552 247.245C712.552 189.65 670.094 146.823 610.284 146.823Z" fill="#D15A44"/>
+</g>
+<defs>
+<clipPath id="clip0_1047_147">
+<rect width="1044.83" height="494.726" fill="white" transform="translate(0 0.274048)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-weiss-auf-grau.svg b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-weiss-auf-grau.svg
new file mode 100644
index 000000000..29847c2ce
--- /dev/null
+++ b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot-weiss-auf-grau.svg
@@ -0,0 +1,12 @@
+<svg width="1046" height="496" viewBox="0 0 1046 496" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1047_118)">
+<path d="M1045.59 0.469177H0.754272V495.195H1045.59V0.469177Z" fill="#222327"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M828.496 191.322C859.878 191.322 882.399 214.212 882.399 247.44C882.399 253.716 881.661 259.623 880.184 265.161L873.908 256.67H823.697L854.34 297.651C846.956 301.343 838.095 303.558 828.865 303.558C797.484 303.558 774.962 280.668 774.962 247.44C774.593 214.581 797.114 191.322 828.496 191.322ZM828.496 147.018C768.686 147.018 726.228 189.845 726.228 247.44C726.228 305.035 768.686 347.862 828.496 347.862C848.802 347.862 866.154 342.324 880.922 332.725L889.414 344.17H943.686L913.043 302.82C923.749 287.313 930.026 269.223 930.026 247.44C930.764 189.845 888.306 147.018 828.496 147.018Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.989 150.71H159.139V344.539H112.989V150.71ZM492.895 344.539V150.71H446.745V269.223L358.137 150.71H337.831H313.833V269.223L225.595 150.71H181.291V344.539H227.441V226.396L315.679 344.539H323.433H349.646H360.352V226.396L448.591 344.539H492.895ZM611.038 191.322C642.42 191.322 664.941 214.212 664.941 247.44C664.941 280.668 642.42 303.558 611.038 303.558C579.287 303.558 557.135 280.668 557.135 247.44C557.135 214.212 579.656 191.322 611.038 191.322ZM611.038 147.018C551.228 147.018 508.77 189.845 508.77 247.44C508.77 305.035 551.228 347.862 611.038 347.862C670.848 347.862 713.306 305.035 713.306 247.44C713.306 189.845 670.848 147.018 611.038 147.018Z" fill="#D15A44"/>
+</g>
+<defs>
+<clipPath id="clip0_1047_118">
+<rect width="1044.83" height="494.726" fill="white" transform="translate(0.754272 0.469177)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot.svg b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot.svg
new file mode 100644
index 000000000..e51eaf174
--- /dev/null
+++ b/lib/images/logos/edition-ch/svg/innoq-logo-schweiz-rot.svg
@@ -0,0 +1,12 @@
+<svg width="1045" height="495" viewBox="0 0 1045 495" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1047_104)">
+<path d="M1044.83 0H0V494.726H1044.83V0Z" fill="#D15A44"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M827.742 190.852C859.124 190.852 881.645 213.743 881.645 246.971C881.645 253.247 880.906 259.154 879.43 264.692L873.153 256.201H822.942L853.586 297.182C846.202 300.874 837.341 303.089 828.111 303.089C796.729 303.089 774.208 280.198 774.208 246.971C773.839 214.112 796.36 190.852 827.742 190.852ZM827.742 146.549C767.932 146.549 725.474 189.376 725.474 246.971C725.474 304.566 767.932 347.393 827.742 347.393C848.048 347.393 865.4 341.855 880.168 332.255L888.66 343.701H942.932L912.288 302.35C922.995 286.844 929.271 268.753 929.271 246.971C930.01 189.376 887.552 146.549 827.742 146.549Z" fill="#222327"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.235 150.241H158.385V344.07H112.235V150.241ZM492.14 344.07V150.241H445.991V268.753L357.383 150.241H337.077H313.079V268.753L224.841 150.241H180.537V344.07H226.687V225.926L314.925 344.07H322.678H348.891H359.598V225.926L447.837 344.07H492.14ZM610.284 190.852C641.666 190.852 664.187 213.743 664.187 246.971C664.187 280.198 641.666 303.089 610.284 303.089C578.533 303.089 556.381 280.198 556.381 246.971C556.381 213.743 578.902 190.852 610.284 190.852ZM610.284 146.549C550.474 146.549 508.016 189.376 508.016 246.971C508.016 304.566 550.474 347.393 610.284 347.393C670.094 347.393 712.552 304.566 712.552 246.971C712.552 189.376 670.094 146.549 610.284 146.549Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1047_104">
+<rect width="1044.83" height="494.726" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/styles/01-base/_colors.scss b/lib/styles/01-base/_colors.scss
index c41e646e2..3a0943a3f 100644
--- a/lib/styles/01-base/_colors.scss
+++ b/lib/styles/01-base/_colors.scss
@@ -108,6 +108,27 @@ $brand-grays: (
 // INNOQ White
 $brand-white: #fff;
 
+// INNOQ CH Colors
+$brand-ch-red: #c0442d;
+$brand-ch-red-75: #d15a44;
+$brand-ch-red-50: #f77a56;
+$brand-ch-black: #222327;
+$brand-ch-beige: #c2b9a8;
+$brand-ch-gray: #cdccc8;
+$brand-ch-gray-75: #dbddd7;
+$brand-ch-gray-50: #edeeeb;
+
+$brand-ch-colors: (
+  brand-ch-red: $brand-ch-red,
+  brand-ch-red-75: $brand-ch-red-75,
+  brand-ch-red-50: $brand-ch-red-50,
+  brand-ch-black: $brand-ch-black,
+  brand-ch-beige: $brand-ch-beige,
+  brand-ch-gray: $brand-ch-gray,
+  brand-ch-gray-75: $brand-ch-gray-75,
+  brand-ch-gray-50: $brand-ch-gray-50,
+);
+
 // All INNOQ colors
 $brand-colors: (
   $brand-blues,
@@ -116,7 +137,8 @@ $brand-colors: (
   $brand-yellows,
   $brand-petrols,
   $brand-apricots,
-  $brand-grays
+  $brand-grays,
+  $brand-ch-colors
 );
 
 //
diff --git a/lib/styles/03-styleguide/_hacks.scss b/lib/styles/03-styleguide/_hacks.scss
index 4aeac5197..793bcade8 100644
--- a/lib/styles/03-styleguide/_hacks.scss
+++ b/lib/styles/03-styleguide/_hacks.scss
@@ -1,11 +1,6 @@
 .demo {
-  // display: flex;
   width: 100%;
 
-  > * {
-    margin: $spacer-md;
-  }
-
   &--inverted {
     background-color: $brand-secondary;
   }
@@ -30,6 +25,14 @@
   &--edition-01-blue {
     background-color: $brand-blue;
   }
+
+  &--ch-logo {
+    height: 131px;
+  }
+
+  > * {
+    margin: $spacer-md;
+  }
 }
 
 // Demo Class
diff --git a/lib/styles/03-styleguide/_styleguide.scss b/lib/styles/03-styleguide/_styleguide.scss
index 27798c660..03e42e850 100644
--- a/lib/styles/03-styleguide/_styleguide.scss
+++ b/lib/styles/03-styleguide/_styleguide.scss
@@ -55,3 +55,47 @@
     }
   }
 }
+
+.demo {
+  width: 100%;
+
+  &--inverted {
+    background-color: $brand-secondary;
+  }
+
+  &--accented {
+    background-color: $brand-interaction;
+  }
+
+  &--centered {
+    display: flex;
+    justify-content: center;
+  }
+
+  &--black {
+    background-color: $brand-gray;
+  }
+
+  &--edition-01-red {
+    background-color: $brand-red;
+  }
+
+  &--edition-01-blue {
+    background-color: $brand-blue;
+  }
+
+  &--ch-logo {
+    height: 131px;
+  }
+
+  > * {
+    margin: $spacer-md;
+  }
+}
+
+// Demo Class
+.grid-demo,
+.container-demo {
+  height: 20rem;
+  background: $brand-primary;
+}