diff --git a/designs/aaron/i18n/index.mjs b/designs/aaron/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/aaron/i18n/index.mjs
+++ b/designs/aaron/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/albert/i18n/index.mjs b/designs/albert/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/albert/i18n/index.mjs
+++ b/designs/albert/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/bee/i18n/index.mjs b/designs/bee/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/bee/i18n/index.mjs
+++ b/designs/bee/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/bella/i18n/index.mjs b/designs/bella/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/bella/i18n/index.mjs
+++ b/designs/bella/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/benjamin/i18n/index.mjs b/designs/benjamin/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/benjamin/i18n/index.mjs
+++ b/designs/benjamin/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/bent/i18n/index.mjs b/designs/bent/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/bent/i18n/index.mjs
+++ b/designs/bent/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/bibi/i18n/index.mjs b/designs/bibi/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/bibi/i18n/index.mjs
+++ b/designs/bibi/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/bob/i18n/index.mjs b/designs/bob/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/bob/i18n/index.mjs
+++ b/designs/bob/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/breanna/i18n/index.mjs b/designs/breanna/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/breanna/i18n/index.mjs
+++ b/designs/breanna/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/brian/i18n/index.mjs b/designs/brian/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/brian/i18n/index.mjs
+++ b/designs/brian/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/bruce/i18n/index.mjs b/designs/bruce/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/bruce/i18n/index.mjs
+++ b/designs/bruce/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/carlita/i18n/index.mjs b/designs/carlita/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/carlita/i18n/index.mjs
+++ b/designs/carlita/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/carlton/i18n/index.mjs b/designs/carlton/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/carlton/i18n/index.mjs
+++ b/designs/carlton/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/cathrin/i18n/index.mjs b/designs/cathrin/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/cathrin/i18n/index.mjs
+++ b/designs/cathrin/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/charlie/i18n/index.mjs b/designs/charlie/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/charlie/i18n/index.mjs
+++ b/designs/charlie/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/cornelius/i18n/index.mjs b/designs/cornelius/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/cornelius/i18n/index.mjs
+++ b/designs/cornelius/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/diana/i18n/index.mjs b/designs/diana/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/diana/i18n/index.mjs
+++ b/designs/diana/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/examples/i18n/index.mjs b/designs/examples/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/examples/i18n/index.mjs
+++ b/designs/examples/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/florence/i18n/index.mjs b/designs/florence/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/florence/i18n/index.mjs
+++ b/designs/florence/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/florent/i18n/index.mjs b/designs/florent/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/florent/i18n/index.mjs
+++ b/designs/florent/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/gozer/i18n/index.mjs b/designs/gozer/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/gozer/i18n/index.mjs
+++ b/designs/gozer/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/hi/i18n/index.mjs b/designs/hi/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/hi/i18n/index.mjs
+++ b/designs/hi/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/holmes/i18n/index.mjs b/designs/holmes/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/holmes/i18n/index.mjs
+++ b/designs/holmes/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/hortensia/i18n/index.mjs b/designs/hortensia/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/hortensia/i18n/index.mjs
+++ b/designs/hortensia/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/huey/i18n/index.mjs b/designs/huey/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/huey/i18n/index.mjs
+++ b/designs/huey/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/hugo/i18n/index.mjs b/designs/hugo/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/hugo/i18n/index.mjs
+++ b/designs/hugo/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/jaeger/i18n/index.mjs b/designs/jaeger/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/jaeger/i18n/index.mjs
+++ b/designs/jaeger/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/jane/i18n/index.mjs b/designs/jane/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/jane/i18n/index.mjs
+++ b/designs/jane/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/legend/i18n/index.mjs b/designs/legend/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/legend/i18n/index.mjs
+++ b/designs/legend/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/lily/i18n/index.mjs b/designs/lily/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/lily/i18n/index.mjs
+++ b/designs/lily/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/lucy/i18n/index.mjs b/designs/lucy/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/lucy/i18n/index.mjs
+++ b/designs/lucy/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/lumina/i18n/index.mjs b/designs/lumina/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/lumina/i18n/index.mjs
+++ b/designs/lumina/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/lumira/i18n/index.mjs b/designs/lumira/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/lumira/i18n/index.mjs
+++ b/designs/lumira/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/lunetius/i18n/index.mjs b/designs/lunetius/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/lunetius/i18n/index.mjs
+++ b/designs/lunetius/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/magde/i18n/index.mjs b/designs/magde/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/magde/i18n/index.mjs
+++ b/designs/magde/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/naomiwu/i18n/index.mjs b/designs/naomiwu/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/naomiwu/i18n/index.mjs
+++ b/designs/naomiwu/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/noble/i18n/index.mjs b/designs/noble/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/noble/i18n/index.mjs
+++ b/designs/noble/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/octoplushy/i18n/index.mjs b/designs/octoplushy/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/octoplushy/i18n/index.mjs
+++ b/designs/octoplushy/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/onyx/i18n/index.mjs b/designs/onyx/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/onyx/i18n/index.mjs
+++ b/designs/onyx/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/opal/i18n/index.mjs b/designs/opal/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/opal/i18n/index.mjs
+++ b/designs/opal/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/otis/i18n/index.mjs b/designs/otis/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/otis/i18n/index.mjs
+++ b/designs/otis/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/paco/i18n/index.mjs b/designs/paco/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/paco/i18n/index.mjs
+++ b/designs/paco/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/penelope/i18n/index.mjs b/designs/penelope/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/penelope/i18n/index.mjs
+++ b/designs/penelope/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/plugintest/i18n/index.mjs b/designs/plugintest/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/plugintest/i18n/index.mjs
+++ b/designs/plugintest/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/rendertest/i18n/index.mjs b/designs/rendertest/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/rendertest/i18n/index.mjs
+++ b/designs/rendertest/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/sandy/i18n/index.mjs b/designs/sandy/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/sandy/i18n/index.mjs
+++ b/designs/sandy/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/shelly/i18n/index.mjs b/designs/shelly/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/shelly/i18n/index.mjs
+++ b/designs/shelly/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/shin/i18n/index.mjs b/designs/shin/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/shin/i18n/index.mjs
+++ b/designs/shin/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/simon/i18n/index.mjs b/designs/simon/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/simon/i18n/index.mjs
+++ b/designs/simon/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/simone/i18n/index.mjs b/designs/simone/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/simone/i18n/index.mjs
+++ b/designs/simone/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/skully/i18n/index.mjs b/designs/skully/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/skully/i18n/index.mjs
+++ b/designs/skully/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/sven/i18n/index.mjs b/designs/sven/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/sven/i18n/index.mjs
+++ b/designs/sven/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/tamiko/i18n/index.mjs b/designs/tamiko/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/tamiko/i18n/index.mjs
+++ b/designs/tamiko/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/teagan/i18n/index.mjs b/designs/teagan/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/teagan/i18n/index.mjs
+++ b/designs/teagan/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/tiberius/i18n/index.mjs b/designs/tiberius/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/tiberius/i18n/index.mjs
+++ b/designs/tiberius/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/titan/i18n/index.mjs b/designs/titan/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/titan/i18n/index.mjs
+++ b/designs/titan/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/trayvon/i18n/index.mjs b/designs/trayvon/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/trayvon/i18n/index.mjs
+++ b/designs/trayvon/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/tristan/i18n/index.mjs b/designs/tristan/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/tristan/i18n/index.mjs
+++ b/designs/tristan/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/uma/i18n/index.mjs b/designs/uma/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/uma/i18n/index.mjs
+++ b/designs/uma/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/umbra/i18n/index.mjs b/designs/umbra/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/umbra/i18n/index.mjs
+++ b/designs/umbra/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/wahid/i18n/index.mjs b/designs/wahid/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/wahid/i18n/index.mjs
+++ b/designs/wahid/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/walburga/i18n/index.mjs b/designs/walburga/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/walburga/i18n/index.mjs
+++ b/designs/walburga/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/waralee/i18n/index.mjs b/designs/waralee/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/waralee/i18n/index.mjs
+++ b/designs/waralee/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/designs/yuri/i18n/index.mjs b/designs/yuri/i18n/index.mjs
index 36aac928b67..3cb4ad5492b 100644
--- a/designs/yuri/i18n/index.mjs
+++ b/designs/yuri/i18n/index.mjs
@@ -1,8 +1,8 @@
-import en from './en.json' assert { type: 'json' }
-import de from './de.json' assert { type: 'json' }
-import es from './es.json' assert { type: 'json' }
-import fr from './fr.json' assert { type: 'json' }
-import nl from './nl.json' assert { type: 'json' }
-import uk from './uk.json' assert { type: 'json' }
+import en from './en.json' with { type: 'json' }
+import de from './de.json' with { type: 'json' }
+import es from './es.json' with { type: 'json' }
+import fr from './fr.json' with { type: 'json' }
+import nl from './nl.json' with { type: 'json' }
+import uk from './uk.json' with { type: 'json' }
 
 export const i18n = { en, de, es, fr, nl, uk }
diff --git a/sites/orgdocs/cpmd.sh b/sites/orgdocs/cpmd.sh
index a46e6c33569..80cca7503a1 100755
--- a/sites/orgdocs/cpmd.sh
+++ b/sites/orgdocs/cpmd.sh
@@ -1,10 +1,20 @@
 #!/bin/bash
-rm -rf docs/*
-cp -R ../../markdown/org/docs/* docs/
-find . -type f -name "en.md" -execdir mv {} readme.mdx \;
-find . -type f -name "fr.md" -execdir rm {} \;
-find . -type f -name "de.md" -execdir rm {} \;
-find . -type f -name "es.md" -execdir rm {} \;
-find . -type f -name "nl.md" -execdir rm {} \;
-find . -type f -name "uk.md" -execdir rm {} \;
+#rm -rf docs/*
+#cp -R ../../markdown/org/docs/* docs/
+#find . -type f -name "en.md" -execdir mv {} readme.mdx \;
+#find . -type f -name "fr.md" -execdir rm {} \;
+#find . -type f -name "de.md" -execdir rm {} \;
+#find . -type f -name "es.md" -execdir rm {} \;
+#find . -type f -name "nl.md" -execdir rm {} \;
+#find . -type f -name "uk.md" -execdir rm {} \;
+
+#find docs/ -type f -name "readme.mdx" -exec sed -i '' 's/<Tip>/:::tip\n/g' {} +
+#find docs/ -type f -name "readme.mdx" -exec sed -i '' 's/<Note>/:::note\n/g' {} +
+#find docs/ -type f -name "readme.mdx" -exec sed -i '' 's/<Warning>/:::warning\n/g' {} +
+#find docs/ -type f -name "readme.mdx" -exec sed -i '' 's/<Tip compact>/:::tip\n/g' {} +
+#find docs/ -type f -name "readme.mdx" -exec sed -i '' 's/<Note compact>/:::note\n/g' {} +
+#find docs/ -type f -name "readme.mdx" -exec sed -i '' 's/<Warning compact>/:::warning\n/g' {} +
+#find docs/ -type f -name "readme.mdx" -exec sed -i '' 's_</Tip>_:::_g' {} +
+#find docs/ -type f -name "readme.mdx" -exec sed -i '' 's_</Note>_:::_g' {} +
+find docs/ -type f -name "readme.mdx" -exec sed -i '' 's_</Warning>_:::_g' {} +
 
diff --git a/sites/orgdocs/src/lib/designs.mjs b/sites/orgdocs/src/lib/designs.mjs
new file mode 100644
index 00000000000..0d486930171
--- /dev/null
+++ b/sites/orgdocs/src/lib/designs.mjs
@@ -0,0 +1,15 @@
+import designInfo from '../../../../config/software/designs.json' with { type: 'json' }
+
+const designList = Object.keys(designInfo)
+const designs = {}
+for (const design of designList) {
+  designs[design] = await import(`../../../../designs/${design}/src/index.mjs`)
+}
+
+export {
+  designInfo,
+  designList,
+  designs,
+}
+
+
diff --git a/sites/orgdocs/src/lib/utils.mjs b/sites/orgdocs/src/lib/utils.mjs
new file mode 100644
index 00000000000..4fbc36f01c9
--- /dev/null
+++ b/sites/orgdocs/src/lib/utils.mjs
@@ -0,0 +1,66 @@
+import orderBy from 'lodash.orderby'
+import set from 'lodash.set'
+
+export const capitalize = (string) =>
+  typeof string === 'string' ? string.charAt(0).toUpperCase() + string.slice(1) : ''
+
+export const optionsMenuStructure = (options, settings, asFullList = false) => {
+  if (!options) return options
+  const sorted = {}
+  for (const [name, option] of Object.entries(options)) {
+    if (typeof option === 'object') sorted[name] = { ...option, name }
+  }
+
+  const menu = {}
+  // Fixme: One day we should sort this based on the translation
+  for (const option of orderBy(sorted, ['order', 'menu', 'name'], ['asc', 'asc', 'asc'])) {
+    if (typeof option === 'object') {
+      const oType = optionType(option)
+      option.dflt = option.dflt || option[oType]
+      if (oType === 'pct') option.dflt /= 100
+      if (typeof option.menu === 'function')
+        option.menu = asFullList
+          ? 'conditional'
+          : option.menu(settings, mergeOptions(settings, options))
+      if (option.menu) {
+        // Handle nested groups that don't have any direct children
+        if (option.menu.includes('.')) {
+          let menuPath = []
+          for (const chunk of option.menu.split('.')) {
+            menuPath.push(chunk)
+            set(menu, `${menuPath.join('.')}.isGroup`, true)
+          }
+        }
+        set(menu, `${option.menu}.isGroup`, true)
+        set(menu, `${option.menu}.${option.name}`, option)
+      } else if (typeof option.menu === 'undefined') {
+        console.log(
+          `Warning: Option ${option.name} does not have a menu config. ` +
+            'Either configure it, or set it to false to hide this option.'
+        )
+      }
+    }
+  }
+
+  // Always put advanced at the end
+  if (menu.advanced) {
+    const adv = menu.advanced
+    delete menu.advanced
+    menu.advanced = adv
+  }
+
+  return menu
+}
+
+export const optionType = (option) => {
+  if (typeof option?.pct !== 'undefined') return 'pct'
+  if (typeof option?.bool !== 'undefined') return 'bool'
+  if (typeof option?.count !== 'undefined') return 'count'
+  if (typeof option?.deg !== 'undefined') return 'deg'
+  if (typeof option?.list !== 'undefined') return 'list'
+  if (typeof option?.mm !== 'undefined') return 'mm'
+
+  return 'constant'
+}
+
+
diff --git a/sites/orgdocs/src/theme/MDXComponents/design-info.mjs b/sites/orgdocs/src/theme/MDXComponents/design-info.mjs
new file mode 100644
index 00000000000..1ef74e45099
--- /dev/null
+++ b/sites/orgdocs/src/theme/MDXComponents/design-info.mjs
@@ -0,0 +1,251 @@
+import React, { Fragment } from 'react'
+import { designs, designInfo } from '@site/src/lib/designs.mjs'
+import { capitalize, optionsMenuStructure, optionType } from '@site/src/lib/utils.mjs'
+import Link from '@docusaurus/Link';
+
+// Dependencies
+//import {
+//  nsMerge,
+//  capitalize,
+//  optionsMenuStructure,
+//  optionType,
+//  cloudflareImageUrl,
+//  horFlexClasses,
+//} from 'shared/utils.mjs'
+//import { designs } from 'shared/config/designs.mjs'
+//import { examples } from 'site/components/design-examples.mjs'
+//// Hooks
+//import { useTranslation } from 'next-i18next'
+//import { useDesign } from 'site/hooks/use-design.mjs'
+//import { useContext, Fragment } from 'react'
+//// Context
+//import { ModalContext } from 'shared/context/modal-context.mjs'
+//// Components
+//import { ModalWrapper } from 'shared/components/wrappers/modal.mjs'
+//import { lineDrawings } from 'shared/components/designs/linedrawings/index.mjs'
+//import { Difficulty } from 'shared/components/designs/difficulty.mjs'
+//import { PageLink, AnchorLink, Link } from 'shared/components/link.mjs'
+//import { DocsLink, DocsTitle } from 'shared/components/mdx/docs-helpers.mjs'
+//import { Popout } from 'shared/components/popout/index.mjs'
+//import { NewPatternIcon, DocsIcon } from 'shared/components/icons.mjs'
+//import { DynamicMdx } from 'shared/components/mdx/dynamic.mjs'
+
+
+const Option = ({ id, option, design }) =>
+  optionType(option) === 'constant' ? null : (
+    <li key={option.name}>
+      <Link href={`/docs/designs/${design}/options/${id.toLowerCase()}`}>{id}</Link>
+    </li>
+  )
+
+const OptionGroup = ({ id, group, design }) => (
+  <li key={id}>
+    <b>{t(`workbench:${id}`)}</b>
+    <ul className="list list-inside list-disc pl-2">
+      {Object.entries(group).map(([sid, entry]) =>
+        entry.isGroup ? (
+          <OptionGroup id={sid} key={sid} t={t} group={entry} design={design} />
+        ) : (
+          <Option key={sid} id={sid} option={entry} design={design} />
+        )
+      )}
+    </ul>
+  </li>
+)
+
+export const SimpleOptionsList = ({ options, design }) => {
+  const structure = optionsMenuStructure(options, {}, true)
+  const output = []
+  for (const [key, entry] of Object.entries(structure)) {
+    const shared = { key, t, design, id: key }
+    if (entry.isGroup) output.push(<OptionGroup {...shared} group={entry} />)
+    else output.push(<Option {...shared} option={entry} />)
+  }
+
+  return <ul className="list list-inside pl-2 list-disc">{output}</ul>
+}
+
+const t = (str) => str
+
+export const DesignInfo = ({ design }) => {
+  const Design = designs[design][capitalize(design)]
+  const config = Design.patternConfig
+  console.log(designInfo[design])
+
+  // Translate measurements
+  const measies = { required: {}, optional: {} }
+  if (config?.measurements) {
+    for (const m of config.measurements) measies.required[m] = t(`measurements:${m}`)
+  }
+  if (config?.optionalMeasurements) {
+    for (const m of config.optionalMeasurements) measies.optional[m] = t(`measurements:${m}`)
+  }
+
+  // Linedrawing
+  //const LineDrawing = lineDrawings[design]
+  //  ? lineDrawings[design]
+  //  : ({ className }) => <div className={className}></div>
+
+  // Docs content
+  const docsContent = (
+    <>
+      <h2 id="docs">{t('account:docs')}</h2>
+      <ul className="list list-disc list-inside pl-2">
+        <li>
+          {`docs/designs/${design}`}
+        </li>
+        <li>
+          {`docs/designs/${design}/cutting`}
+        </li>
+        <li>
+          {`docs/designs/${design}/instructions`}
+        </li>
+        <li>
+          {`docs/designs/${design}/needs`}
+        </li>
+        <li>
+          {`docs/designs/${design}/fabric`}
+        </li>
+        {Object.keys(config.options).length > 0 ? (
+          <li>
+            {`docs/designs/${design}/options`}
+          </li>
+        ) : null}
+        <li>
+          {`docs/designs/${design}/notes`}
+        </li>
+      </ul>
+    </>
+  )
+
+  return (
+    <>
+      <h5 className="-mt-6 text-accent font-medium">#FreeSewing{capitalize(design)}</h5>
+      <p className="text-xl">{t(`designs:${design}.d`)}</p>
+
+      <div className={`mt-8 w-full flex flex-row flex-wrap justify-between`}>
+        <div className={`w-full max-w-2xl md:w-2/3 pr-0 md:pr-8`}>
+    {/* <LineDrawing className="w-full text-base-content" /> */}
+    {docsContent}
+        </div>
+
+        <div>
+            <Link
+              className={`btn btn-primary btn-lg hidden md:flex mb-2`}
+              href={`/new/${design}`}
+            >
+              {t('tags:newThingPattern', { thing: capitalize(design) })}
+            </Link>
+            <Link
+              className={`btn btn-secondary btn-lg hidden md:flex`}
+              href={`/docs/designs/${design}`}
+            >
+              {t('account:docs')}
+            </Link>
+          <h2 id="specs">{t('account:specifications')}</h2>
+
+          <h6 className="mt-4">{t('account:design')}</h6>
+          <ul>
+            {typeof designInfo[design].design === 'string'
+              ? <li>{designInfo[design].design}</li>
+              : designInfo[design].design.map((person) => (
+                  <li key={person}>{person}</li>
+              ))
+            }
+          </ul>
+
+          <h6 className="mt-4">{t('account:code')}</h6>
+          <ul>
+            {typeof designInfo[design].code === 'string'
+              ? <li>{designInfo[design].code}</li>
+              : designInfo[design].code.map((person) => (
+                <li key={person}>{person}</li>
+              ))
+            }
+          </ul>
+
+          <h6 className="mt-4">{t('tags:difficulty')}</h6>
+          {/*<Difficulty score={designInfo[design].difficulty} />*/}
+
+          <h6 className="mt-4">{t('tags:tags')}</h6>
+          <div className="flex flex-row flex-wrap items-center gap-1">
+            {designInfo[design].tags.map((tag) => (
+              <span className="badge badge-primary font-medium" key={tag}>
+                {t(`tags:${tag}`)}
+              </span>
+            ))}
+          </div>
+
+          <h6 className="mt-4">{t('techniques:techniques')}</h6>
+          <div className="flex flex-row flex-wrap items-center gap-1">
+            {designInfo[design].techniques.map((tech) => (
+              <span className="badge badge-accent font-medium" key={tech}>
+                {t(`techniques:${tech}`)}
+              </span>
+            ))}
+          </div>
+
+          {Object.keys(measies.required).length > 0 ? (
+            <>
+              <h6 className="mt-4">{t('account:requiredMeasurements')}</h6>
+              <ul className="list list-disc list-inside pl-2">
+                {Object.keys(measies.required)
+                  .sort()
+                  .map((m) => (
+                    <li key={m}>
+                      <Link href={`/docs/measurements/${m.toLowerCase()}`}>
+                        {measies.required[m]}
+                      </Link>
+                    </li>
+                  ))}
+              </ul>
+            </>
+          ) : null}
+
+          {Object.keys(measies.optional).length > 0 ? (
+            <>
+              <h6 className="mt-4">{t('account:optionalMeasurements')}</h6>
+              <ul className="list list-disc list-inside pl-2">
+                {Object.keys(measies.optional)
+                  .sort()
+                  .map((m) => (
+                    <li key={m}>
+                      <Link
+                        href={`/docs/measurements/${m.toLowerCase()}`}>
+                        {measies.optional[m]}
+                    </Link>
+                    </li>
+                  ))}
+              </ul>
+            </>
+          ) : null}
+
+          {Object.keys(config.options).length > 0 ? (
+            <>
+              <h6 className="mt-4">{t('account:designOptions')}</h6>
+              <SimpleOptionsList options={config.options} t={t} design={design} />
+            </>
+          ) : null}
+
+          <h6 className="mt-4">{t('account:parts')}</h6>
+          <ul className="list list-disc list-inside pl-2">
+            {config.draftOrder.map((part) => (
+              <li key={part}>{part}</li>
+            ))}
+          </ul>
+
+          {Object.keys(config.plugins).length > 0 ? (
+            <>
+              <h6 className="mt-4">{t('account:plugins')}</h6>
+              <ul className="list list-disc list-inside pl-2">
+                {Object.keys(config.plugins).map((plugin) => (
+                  <li key={plugin}>{plugin}</li>
+                ))}
+              </ul>
+            </>
+          ) : null}
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/sites/orgdocs/src/theme/MDXComponents/index.js b/sites/orgdocs/src/theme/MDXComponents/index.js
index 0fb29a2382c..36dda2a0185 100644
--- a/sites/orgdocs/src/theme/MDXComponents/index.js
+++ b/sites/orgdocs/src/theme/MDXComponents/index.js
@@ -15,6 +15,7 @@ import Mermaid from '@theme/Mermaid'
 import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 // Custom FreeSewing components
+import { DesignInfo } from './design-info.mjs'
 import { Example } from './example.mjs'
 import { Legend } from './legend.mjs'
 import { ReadMore } from './readmore.js'
@@ -41,6 +42,7 @@ const MDXComponents = {
   Tabs,
   TabItem,
   // Custom FreeSewing components
+  DesignInfo,
   Example,
   Legend,
   ReadMore,