diff --git a/sites/shared/components/designs/linedrawings/index.mjs b/sites/shared/components/designs/linedrawings/index.mjs
index d0c2c35bd1f..122c16ed2e5 100644
--- a/sites/shared/components/designs/linedrawings/index.mjs
+++ b/sites/shared/components/designs/linedrawings/index.mjs
@@ -47,6 +47,7 @@ import { Huey, HueyFront, HueyBack } from 'shared/components/designs/linedrawing
import { Lucy, LucyFront } from 'shared/components/designs/linedrawings/lucy.mjs'
import { Lumina, LuminaFront, LuminaBack } from 'shared/components/designs/linedrawings/lumina.mjs'
import { Lumira, LumiraFront, LumiraBack } from 'shared/components/designs/linedrawings/lumira.mjs'
+import { Lunetius, LunetiusFront } from 'shared/components/designs/linedrawings/lunetius.mjs'
import { Noble, NobleFront, NobleBack } from 'shared/components/designs/linedrawings/noble.mjs'
import { Hortensia, HortensiaFront } from 'shared/components/designs/linedrawings/hortensia.mjs'
import { Simon, SimonFront, SimonBack } from 'shared/components/designs/linedrawings/simon.mjs'
@@ -87,6 +88,7 @@ export const lineDrawingsFront = {
lucy: LucyFront,
lumina: LuminaFront,
lumira: LumiraFront,
+ lunetius: LunetiusFront,
noble: NobleFront,
hortensia: HortensiaFront,
simon: SimonFront,
@@ -150,6 +152,7 @@ export const lineDrawings = {
lucy: Lucy,
lumina: Lumina,
lumira: Lumira,
+ lunetius: Lunetius,
noble: Noble,
hortensia: Hortensia,
simon: Simon,
diff --git a/sites/shared/components/designs/linedrawings/lunetius.mjs b/sites/shared/components/designs/linedrawings/lunetius.mjs
new file mode 100644
index 00000000000..b1c6dc42c79
--- /dev/null
+++ b/sites/shared/components/designs/linedrawings/lunetius.mjs
@@ -0,0 +1,57 @@
+import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
+
+const strokeScale = 0.6
+
+export const Lunetius = ({
+ className = 'w-64', // CSS classes to apply
+ stroke = 1, // Stroke width to use
+}) => {
+ // Normalize stroke across designs
+ stroke = stroke * strokeScale
+
+ return (
+
+
+
+ )
+}
+
+/*
+ * React component for the front
+ */
+export const LunetiusFront = ({
+ className = 'w-64', // CSS classes to apply
+ stroke = 1, // Stroke width to use
+}) => {
+ // Normalize stroke across designs
+ stroke = stroke * strokeScale
+
+ return (
+
+
+
+ )
+}
+
+/*
+ * SVG elements for the front
+ */
+export const Front = ({ stroke }) => (
+ <>
+
+
+
+ >
+)