diff --git a/myst.yml b/myst.yml
index 5dbdab3c..0925c258 100644
--- a/myst.yml
+++ b/myst.yml
@@ -50,6 +50,7 @@ site:
     favicon: ./public/img/EarthCODE_Favicon_32x32px.png
     logo_text: EarthCODE Examples
     logo: ./public/img/EarthCODE_kv_transparent.png
+    style: ./public/esa-style.css
     
 
   # domains:
diff --git a/public/esa-style.css b/public/esa-style.css
new file mode 100644
index 00000000..364d7dc8
--- /dev/null
+++ b/public/esa-style.css
@@ -0,0 +1,140 @@
+@font-face {
+  font-family: "NotesESAbold";
+  src: url("https://www.esa.int/extension/pillars/design/pillars/stylesheets/fonts/NotesESAbold.woff") format("truetype");
+}
+
+html {
+  font-family: Arial, Helvetica;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+nav a span {
+  font-family: "NotesESAbold", sans-serif;
+}
+
+/* ESA blue */
+
+.text-blue-600,
+.text-blue-800,
+.hover\:text-blue-600:hover {
+  color: #003247;
+}
+
+.border-blue-500,
+.border-l-blue-500,
+.hover\:border-blue-600:hover {
+  border-color: #003247
+}
+
+.bg-blue-300\/30 {
+  background: #00b19d;
+  outline: none;
+  font-weight: bold;
+}
+
+.bg-blue-300\/30,
+.bg-blue-300\/30 .text-blue-800 {
+  color: white;
+}
+
+.bg-blue-50 {
+  background: #00324722;
+}
+
+/* ESA green */
+
+.text-green-600 {
+  color: #00b19d;
+}
+.border-green-600 {
+  border-color: #00b19d;
+}
+.outline-blue-200 {
+  outline-color: #00b19d;
+}
+
+.bg-green-50 {
+  background: #00b19d22;
+}
+
+/* ESA Header */
+:root {
+  --esa-header-height: 56px;
+}
+@media (min-width: 640px) {
+  :root {
+    --esa-header-height: 64px;
+  }
+}
+
+body > .fixed.xl\:article-grid {
+  top: 124px !important;
+}
+
+html {
+  position: fixed;
+  top: var(--esa-header-height);
+  overflow-y: auto;
+  height: calc(100dvh - var(--esa-header-height));
+}
+
+body {
+  overflow-y: auto;
+  height: calc(100dvh - var(--esa-header-height));
+  width: 100dvw;
+  scroll-padding: var(--esa-header-height);
+}
+
+body:before {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  height: var(--esa-header-height);
+  content: "";
+  background: #003247;
+  z-index: 31;
+  left: 0;
+  display: flex;
+  align-items: center;
+  background-color: #003247;
+  border-bottom-width: 4px;
+  border-bottom-style: solid;
+  border-color: #335e6f;
+  padding: 8px 24px 0;
+}
+
+@media (min-width: 375px) {
+  body:before {
+    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='222.004' height='11.68' viewBox='0 0 222.004 11.68'%3E%3Cscript xmlns=''/%3E%3Cpath d='M8.048-5.552a.407.407,0,0,0,0-.48l-2-3.152a.525.525,0,0,0-.4-.288H3.872c-.176,0-.24.144-.16.3L5.04-6.784h-3.9a.294.294,0,0,0-.3.3V-5.1a.294.294,0,0,0,.3.3h3.9L3.728-2.416c-.08.16-.016.3.16.3H5.664a.525.525,0,0,0,.4-.288ZM21.76-9.664v-1.392a.294.294,0,0,0-.3-.3H14.224a.294.294,0,0,0-.3.3v1.392a.294.294,0,0,0,.3.3h2.544V-.3a.294.294,0,0,0,.3.3h1.552a.294.294,0,0,0,.3-.3V-9.36h2.528A.294.294,0,0,0,21.76-9.664ZM31.04-.3V-11.056a.294.294,0,0,0-.3-.3H29.184a.294.294,0,0,0-.3.3V-6.8H25.36v-4.256a.294.294,0,0,0-.3-.3H23.5a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3h1.552a.294.294,0,0,0,.3-.3V-4.8h3.52V-.3a.294.294,0,0,0,.3.3h1.552A.294.294,0,0,0,31.04-.3Zm8.4,0V-1.7a.294.294,0,0,0-.3-.3H35.12V-4.8h3.7a.294.294,0,0,0,.3-.3V-6.5a.294.294,0,0,0-.3-.3h-3.7V-9.36h4.016a.294.294,0,0,0,.3-.3v-1.392a.294.294,0,0,0-.3-.3H33.264a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3h5.872A.294.294,0,0,0,39.44-.3ZM52-.3V-1.7a.294.294,0,0,0-.3-.3H47.68V-4.8h3.7a.294.294,0,0,0,.3-.3V-6.5a.294.294,0,0,0-.3-.3h-3.7V-9.36H51.7a.294.294,0,0,0,.3-.3v-1.392a.294.294,0,0,0-.3-.3H45.824a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3H51.7A.294.294,0,0,0,52-.3ZM61.36-4.16v-6.9a.294.294,0,0,0-.3-.3H59.5a.294.294,0,0,0-.3.3v6.9c0,1.328-.4,2.32-1.76,2.32s-1.76-.992-1.76-2.32v-6.9a.294.294,0,0,0-.3-.3H53.824a.294.294,0,0,0-.3.3v6.9C53.52-1.1,54.944.16,57.44.16S61.36-1.1,61.36-4.16ZM71.088-.32,68.512-4.64c1.44-.368,2.288-1.392,2.288-3.28,0-2.448-1.376-3.44-3.68-3.44H63.584a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3h1.552a.294.294,0,0,0,.3-.3V-4.48h.784L68.7-.3c.1.144.208.3.384.3h1.824A.2.2,0,0,0,71.088-.32ZM68.64-7.92c0,1.168-.656,1.52-1.808,1.52H65.44V-9.44h1.44C68.032-9.44,68.64-9.088,68.64-7.92ZM80.24-4V-7.36c0-2.656-1.36-4.16-3.92-4.16s-3.92,1.5-3.92,4.16V-4c0,2.656,1.36,4.16,3.92,4.16S80.24-1.344,80.24-4Zm-2.16-.16c0,1.328-.4,2.32-1.76,2.32s-1.76-.992-1.76-2.32V-7.2c0-1.328.4-2.32,1.76-2.32s1.76.992,1.76,2.32Zm11.6-3.76c0-2.544-1.456-3.44-3.76-3.44H82.464a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3h1.552a.294.294,0,0,0,.3-.3V-4.48h1.6C88.224-4.48,89.68-5.376,89.68-7.92Zm-2.16,0c0,1.12-.592,1.52-1.76,1.52H84.32V-9.44h1.44C86.928-9.44,87.52-9.04,87.52-7.92ZM97.92-.3V-1.7a.294.294,0,0,0-.3-.3H93.6V-4.8h3.7a.294.294,0,0,0,.3-.3V-6.5a.294.294,0,0,0-.3-.3H93.6V-9.36h4.016a.294.294,0,0,0,.3-.3v-1.392a.294.294,0,0,0-.3-.3H91.744a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3h5.872A.294.294,0,0,0,97.92-.3ZM107.984-.32l-3.168-10.736a.39.39,0,0,0-.368-.3h-2.1a.39.39,0,0,0-.368.3L98.816-.32A.232.232,0,0,0,99.04,0h1.744a.356.356,0,0,0,.336-.3l.448-1.616h3.664L105.68-.3a.356.356,0,0,0,.336.3h1.744A.232.232,0,0,0,107.984-.32Zm-3.312-3.6h-2.544l1.28-4.608ZM117.04-.3V-11.056a.294.294,0,0,0-.3-.3h-1.552a.294.294,0,0,0-.3.3v6.48l-3.36-6.48c-.08-.16-.16-.3-.4-.3H109.5a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3h1.552a.294.294,0,0,0,.3-.3v-6.48L114.72-.3a.449.449,0,0,0,.4.3h1.616A.294.294,0,0,0,117.04-.3Zm13.12-2.848v-.48a2.864,2.864,0,0,0-2.336-3.024l-1.36-.448c-.56-.192-.944-.48-.944-1.008v-.24c0-.768.416-1.168,1.52-1.168a21.794,21.794,0,0,1,2.656.256c.192.016.3-.08.3-.256v-1.408a.3.3,0,0,0-.3-.3,16.448,16.448,0,0,0-2.688-.288c-2,0-3.648.9-3.648,3.168v.4a2.683,2.683,0,0,0,2.032,2.816l1.36.448c.7.24,1.248.512,1.248,1.216v.32c0,.928-.464,1.312-1.68,1.312a20.137,20.137,0,0,1-2.72-.352c-.192-.032-.32.064-.32.24V-.5a.3.3,0,0,0,.3.3,16.122,16.122,0,0,0,2.864.352C128.912.16,130.16-.656,130.16-3.152Zm9.36-4.768c0-2.544-1.456-3.44-3.76-3.44H132.3a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3h1.552a.294.294,0,0,0,.3-.3V-4.48h1.6C138.064-4.48,139.52-5.376,139.52-7.92Zm-2.16,0c0,1.12-.592,1.52-1.76,1.52h-1.44V-9.44h1.44C136.768-9.44,137.36-9.04,137.36-7.92Zm11.584,7.6-3.168-10.736a.39.39,0,0,0-.368-.3h-2.1a.39.39,0,0,0-.368.3L139.776-.32A.232.232,0,0,0,140,0h1.744a.356.356,0,0,0,.336-.3l.448-1.616h3.664L146.64-.3a.356.356,0,0,0,.336.3h1.744A.232.232,0,0,0,148.944-.32Zm-3.312-3.6h-2.544l1.28-4.608ZM156-.336v-1.44c0-.176-.112-.272-.3-.256a14.284,14.284,0,0,1-1.7.144c-1.456,0-1.84-.944-1.84-2.272V-7.2c0-1.328.4-2.272,1.76-2.272.72,0,1.76.128,1.76.128.192.016.32-.08.32-.256v-1.424a.307.307,0,0,0-.3-.32,11.12,11.12,0,0,0-1.776-.176c-2.56,0-3.92,1.5-3.92,4.16V-4c0,2.656,1.36,4.16,3.92,4.16A11.12,11.12,0,0,0,155.7-.016.307.307,0,0,0,156-.336Zm8.08.032V-1.7a.294.294,0,0,0-.3-.3H159.76V-4.8h3.7a.294.294,0,0,0,.3-.3V-6.5a.294.294,0,0,0-.3-.3h-3.7V-9.36h4.016a.294.294,0,0,0,.3-.3v-1.392a.294.294,0,0,0-.3-.3H157.9a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3h5.872A.294.294,0,0,0,164.08-.3ZM178.624-.32l-3.168-10.736a.39.39,0,0,0-.368-.3h-2.1a.39.39,0,0,0-.368.3L169.456-.32a.232.232,0,0,0,.224.32h1.744a.356.356,0,0,0,.336-.3l.448-1.616h3.664L176.32-.3a.356.356,0,0,0,.336.3H178.4A.232.232,0,0,0,178.624-.32Zm-3.312-3.6h-2.544l1.28-4.608ZM187.52-.72V-6.176a.294.294,0,0,0-.3-.3h-3.472a.294.294,0,0,0-.3.3v1.392a.294.294,0,0,0,.3.3h1.616v2.352a5.255,5.255,0,0,1-1.7.288c-1.3,0-1.824-.848-1.824-2.32V-7.04c0-1.536.576-2.48,2.16-2.48a17.073,17.073,0,0,1,2.88.416.246.246,0,0,0,.32-.256v-1.36a.317.317,0,0,0-.3-.32,9.219,9.219,0,0,0-2.976-.48c-2.784,0-4.24,1.632-4.24,4.48V-4c0,2.672,1.248,4.16,3.92,4.16A9.543,9.543,0,0,0,187.52-.72Zm8.4.416V-1.7a.294.294,0,0,0-.3-.3H191.6V-4.8h3.7a.294.294,0,0,0,.3-.3V-6.5a.294.294,0,0,0-.3-.3h-3.7V-9.36h4.016a.294.294,0,0,0,.3-.3v-1.392a.294.294,0,0,0-.3-.3h-5.872a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3h5.872A.294.294,0,0,0,195.92-.3Zm9.44,0V-11.056a.294.294,0,0,0-.3-.3H203.5a.294.294,0,0,0-.3.3v6.48l-3.36-6.48c-.08-.16-.16-.3-.4-.3h-1.616a.294.294,0,0,0-.3.3V-.3a.294.294,0,0,0,.3.3h1.552a.294.294,0,0,0,.3-.3v-6.48L203.04-.3a.449.449,0,0,0,.4.3h1.616A.294.294,0,0,0,205.36-.3Zm7.92-.032v-1.44c0-.176-.112-.272-.3-.256a14.284,14.284,0,0,1-1.7.144c-1.456,0-1.84-.944-1.84-2.272V-7.2c0-1.328.4-2.272,1.76-2.272.72,0,1.76.128,1.76.128.192.016.32-.08.32-.256v-1.424a.307.307,0,0,0-.3-.32,11.12,11.12,0,0,0-1.776-.176c-2.56,0-3.92,1.5-3.92,4.16V-4c0,2.656,1.36,4.16,3.92,4.16a11.12,11.12,0,0,0,1.776-.176A.307.307,0,0,0,213.28-.336Zm9.536-10.688a.237.237,0,0,0-.224-.336h-1.84c-.176,0-.24.144-.3.3l-1.92,4.9-1.936-4.9c-.064-.16-.128-.3-.3-.3h-1.84a.237.237,0,0,0-.224.336L217.44-3.6V-.3a.294.294,0,0,0,.3.3H219.3a.294.294,0,0,0,.3-.3V-3.6Z' transform='translate(-0.832 11.52)' fill='%23fff'/%3E%3C/svg%3E");
+  }
+}
+
+body:after {
+  position: fixed;
+  content: "";
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88.928' height='32' viewBox='0 0 88.928 32'%3E%3Cscript xmlns=''/%3E%3Cpath d='M25.889,21.284' transform='translate(1.726 1.419)' fill='%23fff'/%3E%3Cg transform='translate(36.458 7.2)'%3E%3Cpath d='M60.479,14.031c-1.373-.254-2.949-.305-3.762-1.219a1.512,1.512,0,0,1-.154-1.525,3.191,3.191,0,0,1,3.254-1.374,2.9,2.9,0,0,1,2.694,1.627,3.846,3.846,0,0,1,.305,1.323H66.58A5.7,5.7,0,0,0,65.1,8.9a8.7,8.7,0,0,0-7.318-1.983c-1.831.254-4.271,1.321-5.086,3.712a4.79,4.79,0,0,0,1.373,5.337c1.729,1.323,4.982,1.679,6.305,1.985,1.524.3,2.288.508,2.541,1.371A1.948,1.948,0,0,1,62.666,21c-.967,1.27-2.949,1.373-4.526.915-1.322-.405-1.882-1.475-2.135-2.9H52.041a5.823,5.823,0,0,0,1.067,3.306,6.458,6.458,0,0,0,4.626,2.847,10.642,10.642,0,0,0,6.406-.714,7.447,7.447,0,0,0,2.084-1.881,5.555,5.555,0,0,0,.253-5.794C65.359,14.845,62.818,14.438,60.479,14.031Z' transform='translate(-32.989 -6.747)' fill='%23fff'/%3E%3Cpath d='M48.552,9.306a8.151,8.151,0,0,0-7.319-2.442,7.953,7.953,0,0,0-5.643,3.865,11.443,11.443,0,0,0-1.323,3.763c-.407,3.1.458,8.286,5.9,10.32a8.849,8.849,0,0,0,8.185-1.169,8.051,8.051,0,0,0,2.847-4.73H46.672a3.587,3.587,0,0,1-1.322,2.034,4.181,4.181,0,0,1-4.83-.2c-1.373-1.017-1.829-2.693-1.881-5.084,0-1.27.356-3.3,1.423-4.27a4.2,4.2,0,0,1,3.967-.814,3.71,3.71,0,0,1,2.491,3.558H40.113v3.2H51.2a12.111,12.111,0,0,0-.305-3.356A11.886,11.886,0,0,0,48.552,9.306Z' transform='translate(-34.18 -6.749)' fill='%23fff'/%3E%3Cpath d='M83.837,20.426V14.935a22.451,22.451,0,0,0-.355-4.169c-.305-1.322-1.475-3.508-5.237-3.966-.7-.05-1.45-.05-2.2-.05h-.034a11.965,11.965,0,0,0-3.626.659A5.612,5.612,0,0,0,69.027,12.8h4.066a2.642,2.642,0,0,1,1.577-2.541A3.651,3.651,0,0,1,76.042,10v0a3.714,3.714,0,0,1,2.71.867,1.778,1.778,0,0,1,.46,1.728c-.255,1.068-1.424,1.423-3.2,1.678v.005c-.6.1-1.3.149-2.047.249-2.135.254-5.186,1.322-5.9,4.423a5.1,5.1,0,0,0,1.829,4.93,7.328,7.328,0,0,0,4.423,1.374,9.161,9.161,0,0,0,1.73-.153v-.009a8.437,8.437,0,0,0,3.572-1.822,5.624,5.624,0,0,0,.508,1.475H84.4A10.243,10.243,0,0,1,83.837,20.426Zm-4.576-.66a3.639,3.639,0,0,1-3.253,2.083v.006a3.222,3.222,0,0,1-.98.044,2.409,2.409,0,0,1-2.237-1.27,2.058,2.058,0,0,1,.1-1.983c.61-1.067,1.678-1.27,3.153-1.575v-.005a10.229,10.229,0,0,0,1.488-.3,4.043,4.043,0,0,0,1.931-.864A20.277,20.277,0,0,1,79.261,19.765Z' transform='translate(-31.927 -6.75)' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M21.837,26.2c-7.205-2.487-8.539-9.153-6.742-13.82A8.381,8.381,0,0,1,27.526,8.662c4.361,3.127,3.9,9.126,3.9,9.126H20.247v-3.2h6.486a3.055,3.055,0,0,0-.9-2.436,3.932,3.932,0,0,0-4.845-.794c-1.257.666-2.871,3.435-1.923,7.408.9,3.017,3.726,4.215,6.27,4.214h0c3.789,0,6.658-2.638,6.663-6.958a16,16,0,1,0-3.809,10.342A10.225,10.225,0,0,1,21.837,26.2ZM7.678,18.013A1.825,1.825,0,1,1,9.5,16.188,1.825,1.825,0,0,1,7.678,18.013Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-size: cover;
+  top: 14px;
+  right: 24px;
+  width: 78px;
+  height: 28px;
+  z-index: 32;
+}
+
+@media (min-width: 640px) {
+  body:after {
+    top: 16px;
+    width: 89px;
+    height: 32px;
+  }
+}
+
+.fixed.inset-0.z-30.bg-black.opacity-50 {
+  margin-top: 124px !important;
+}
\ No newline at end of file