diff --git a/5s.css b/5s.css
index e2241b4..031dc3c 100644
--- a/5s.css
+++ b/5s.css
@@ -34,15 +34,6 @@ h1 {
   margin: 0 0 0.5rem;
 }
 
-.created-at {
-  font-size: 14pt;
-  margin: 0;
-}
-
-.numeric {
-  font-family: 'Cutive Mono', monospace;
-  font-weight: bold;
-}
 article {
   display: flex;
   flex-direction: column;
diff --git a/heijunka.html b/heijunka.html
new file mode 100644
index 0000000..6e4c763
--- /dev/null
+++ b/heijunka.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="light">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Exploring 5S</title>
+    <meta
+      name="description"
+      content="Author: Julien Calixte,
+    My understanding of how a 5S can help team."
+    />
+    <link rel="stylesheet" href="core.css" />
+    <link rel="stylesheet" href="core-article.css" />
+    <link rel="icon" href="people-improvement.svg" />
+    <link rel="mask-icon" href="people-improvement.svg" color="#ffffff" />
+  </head>
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but this app doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="/src/main-heijunka.ts"></script>
+  </body>
+</html>
diff --git a/index.html b/index.html
index 35f962d..bb517ef 100644
--- a/index.html
+++ b/index.html
@@ -107,7 +107,10 @@
       <section class="ground">
         <section class="improvement">
           <ul class="improvement-list focusable">
-            <li class="heijunka focusable">Heijunka</li>
+            <li class="heijunka focusable">
+              <!-- <a href="/heijunka">Heijunka</a> -->
+              Heijunka
+            </li>
             <li class="standards focusable">Standards</li>
             <li class="kaizen focusable">Kaizen</li>
           </ul>
@@ -115,7 +118,7 @@
         <section class="stability">
           <ul class="stability-list focusable">
             <li class="5s focusable">
-              <!-- <a href="/5s.html">5S</a> -->
+              <!-- <a href="/5s">5S</a> -->
               5S
             </li>
             <li class="problem-solving focusable">Problem solving</li>
diff --git a/src/AppHeijunka.vue b/src/AppHeijunka.vue
new file mode 100644
index 0000000..c21ca5c
--- /dev/null
+++ b/src/AppHeijunka.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
+  year: 'numeric',
+  month: 'long',
+  day: 'numeric'
+})
+</script>
+
+<template>
+  <article id="main-app">
+    <h1>Heijunka</h1>
+    <h2 class="created-at numeric">
+      {{ createdAt }}
+    </h2>
+    <div class="text">
+      <p>You're selling shirts, jeans and shoes.</p>
+    </div>
+    <BoardGameWorkshop />
+  </article>
+</template>
+
+<style scoped lang="scss">
+main {
+  min-height: calc(100vh - 2 * 1rem);
+}
+</style>
diff --git a/src/main-heijunka.ts b/src/main-heijunka.ts
new file mode 100644
index 0000000..c201104
--- /dev/null
+++ b/src/main-heijunka.ts
@@ -0,0 +1,5 @@
+import { createPinia } from 'pinia'
+import { createApp } from 'vue'
+import App from './AppHeijunka.vue'
+
+createApp(App).use(createPinia()).mount('#app')
diff --git a/src/modules/heijkunka/types/product-type.ts b/src/modules/heijkunka/types/product-type.ts
new file mode 100644
index 0000000..8aa52a8
--- /dev/null
+++ b/src/modules/heijkunka/types/product-type.ts
@@ -0,0 +1 @@
+export type ProductType = 'shirt' | 'jeans' | 'shoes'
diff --git a/vite.config.ts b/vite.config.ts
index d3a2071..2af1476 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,7 +12,8 @@ export default defineConfig({
         index: 'index.html',
         'pull-system': 'pull-system.html',
         'team-leader': 'team-leader.html',
-        '5s': '5s.html'
+        '5s': '5s.html',
+        heijunka: 'heijunka.html'
       }
     }
   },
