diff --git a/public/logo/sigil-favicon.png b/public/logo/sigil-favicon.png
index 317d43a..be5ab18 100644
Binary files a/public/logo/sigil-favicon.png and b/public/logo/sigil-favicon.png differ
diff --git a/styles/globals.css b/styles/globals.css
index 523ff88..9a5a3e3 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -84,9 +84,10 @@ body {
color: var(--sig-text);
}
-.sig-docs-logo img {
+.sig-docs-mark {
display: block;
- border-radius: 7px;
+ width: 24px;
+ height: 24px;
}
.sig-docs-logo-word {
diff --git a/theme.config.tsx b/theme.config.tsx
index e1ba6f2..86ce4f5 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -3,15 +3,29 @@ import type { DocsThemeConfig } from "nextra-theme-docs";
import { useConfig } from "nextra-theme-docs";
import { DocsCta, DocsMain } from "@/components/DocsShell";
+// Sigilix brand mark — isometric S-hexagon (traced vector). Uses currentColor,
+// so it adopts the surrounding text color (white on the dark docs skin).
+const SigilMark = ({ className }: { className?: string }) => (
+
+);
+
const SigilixMark = () => (
-
+
Sigilix
Docs