diff --git a/src/shared/ui/Section/SectionSeparator/SectionSeparator.svelte b/src/shared/ui/Section/SectionSeparator/SectionSeparator.svelte
new file mode 100644
index 0000000..241b3d9
--- /dev/null
+++ b/src/shared/ui/Section/SectionSeparator/SectionSeparator.svelte
@@ -0,0 +1,14 @@
+<!--
+    Component: SectionSeparator
+    A horizontal separator line used to visually separate sections within a page.
+-->
+<script lang="ts">
+import { cn } from '$shared/shadcn/utils/shadcn-utils';
+
+interface Props {
+    class?: string;
+}
+const { class: className = '' }: Props = $props();
+</script>
+
+<div class={cn('w-full h-px bg-swiss-black/5 dark:bg-white/10 my-8 md:my-12', className)}></div>