diff --git a/assets/sass/_theme/design-system/breadcrumb.sass b/assets/sass/_theme/design-system/breadcrumb.sass
index 346e51cb3d6e94bd4352741bd823c17b54882916..dcc743a014b72a87a655540f942952f5a3fd85cf 100644
--- a/assets/sass/_theme/design-system/breadcrumb.sass
+++ b/assets/sass/_theme/design-system/breadcrumb.sass
@@ -4,6 +4,7 @@
     flex-wrap: nowrap
     overflow: auto
     display: flex
+    // padding-bottom: $spacing0
     li
         flex-shrink: 0
         white-space: nowrap
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index aec9a4ab04152f51e068f346b2339ebaa714d0b0..a9abb019ec42df8d0ba47d9059317647f3ab5b79 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -24,5 +24,8 @@
     {{- partial "footer/cookie-banner.html" . -}}
     {{- partial "footer/js.html" . -}}
     {{- partial "footer/script.html" . -}}
+    {{- if not hugo.IsProduction -}}
+      {{- partial "footer/debug.html" . -}}
+    {{- end -}}
   </body>
 </html>
diff --git a/layouts/partials/footer/debug.html b/layouts/partials/footer/debug.html
new file mode 100644
index 0000000000000000000000000000000000000000..3cb7e41446467e0f41cc8cee7b8e0a6d3911302f
--- /dev/null
+++ b/layouts/partials/footer/debug.html
@@ -0,0 +1,50 @@
+<div class="d-grid">
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<style>
+  :root {
+    --d-grid-margin: 64px;
+  }
+  .d-grid {
+    bottom: 0;
+    display: none;
+    grid-template-columns: repeat(12, 1fr);
+    pointer-events: none;
+    position: fixed;
+    margin: auto;
+    width: 1920px;
+    max-width: 100%;
+    top: 0;
+    z-index: 9999;
+    padding: 0 var(--d-grid-margin);
+    grid-gap: var(--d-grid-margin);
+  }
+  .d-grid.is-visible {
+    display: grid;
+  }
+  .d-grid > div {
+    background: rgba(0,0,0,0.3);
+    border-left: 1px solid #000;
+    border-right: 1px solid #000;
+  }
+</style>
+
+<script>
+  window.addEventListener('keydown', e => {
+    if (e.ctrlKey && e.key === 'g') {
+      document.querySelector('.d-grid').classList.toggle('is-visible');
+    }
+  });
+</script>
\ No newline at end of file