diff --git a/web/flamenco-io-site/static/brand.svg b/web/flamenco-io-site/static/brand.svg
new file mode 100644
index 00000000..26175b72
--- /dev/null
+++ b/web/flamenco-io-site/static/brand.svg
@@ -0,0 +1,31 @@
+
+
+
+
diff --git a/web/flamenco-io-site/static/custom.css b/web/flamenco-io-site/static/custom.css
new file mode 100644
index 00000000..c00b9ac8
--- /dev/null
+++ b/web/flamenco-io-site/static/custom.css
@@ -0,0 +1,154 @@
+/* Global customization */
+
+:root {
+ --code-max-height: 60rem;
+}
+
+/* Light mode theming */
+:root,
+:root[color-theme="light"] {
+ --header-background: #513c6b;
+ --header-font-color: #ffffff;
+
+ --body-background: #ffffff;
+ --body-font-color: #343a40;
+
+ --mark-color: #ffab00;
+
+ --button-background: #7d6897;
+ --button-border-color: #513c6b;
+
+ --link-color: #513c6b;
+ --link-color-visited: #c54e8a;
+
+ --code-background: #f5f6f8;
+ --code-accent-color: #e3e7eb;
+ --code-accent-color-lite: #eff1f3;
+ --code-font-color: #5f5f5f;
+
+ --code-copy-background: #f5f6f8;
+ --code-copy-font-color: #6b7784;
+ --code-copy-border-color: #adb4bc;
+ --code-copy-success-color: #a170e2;
+
+ --accent-color: #e9ecef;
+ --accent-color-lite: #f8f9fa;
+
+ --control-icons: #b2bac1;
+
+ --footer-background: #2f333e;
+ --footer-font-color: #ffffff;
+ --footer-link-color: #ffcc5c;
+ --footer-link-color-visited: #ffcc5c;
+}
+@media (prefers-color-scheme: light) {
+ :root {
+ --header-background: #513c6b;
+ --header-font-color: #ffffff;
+
+ --body-background: #ffffff;
+ --body-font-color: #343a40;
+
+ --mark-color: #ffab00;
+
+ --button-background: #7d6897;
+ --button-border-color: #513c6b;
+
+ --link-color: #518169;
+ --link-color-visited: #c54e8a;
+
+ --code-background: #f5f6f8;
+ --code-accent-color: #e3e7eb;
+ --code-accent-color-lite: #eff1f3;
+ --code-font-color: #5f5f5f;
+
+ --code-copy-background: #f5f6f8;
+ --code-copy-font-color: #6b7784;
+ --code-copy-border-color: #adb4bc;
+ --code-copy-success-color: #a170e2;
+
+ --accent-color: #e9ecef;
+ --accent-color-lite: #f8f9fa;
+
+ --control-icons: #b2bac1;
+
+ --footer-background: #2f333e;
+ --footer-font-color: #ffffff;
+ --footer-link-color: #ffcc5c;
+ --footer-link-color-visited: #ffcc5c;
+ }
+}
+
+/* Dark mode theming */
+:root[color-theme="dark"] {
+ --header-background: #513c6b;
+ --header-font-color: #ffffff;
+
+ --body-background: #343a40;
+ --body-font-color: #ced3d8;
+
+ --mark-color: #ffab00;
+
+ --button-background: #7d6897;
+ --button-border-color: #513c6b;
+
+ --link-color: #a170e2;
+ --link-color-visited: #c27a9e;
+
+ --code-background: #2f353a;
+ --code-accent-color: #262b2f;
+ --code-accent-color-lite: #2b3035;
+ --code-font-color: #b9b9b9;
+
+ --code-copy-background: #343a40;
+ --code-copy-font-color: #6b7784;
+ --code-copy-border-color: #6b7784;
+ --code-copy-success-color: #37905c;
+
+ --accent-color: #2b3035;
+ --accent-color-lite: #2f353a;
+
+ --control-icons: #b2bac1;
+
+ --footer-background: #2f333e;
+ --footer-font-color: #ffffff;
+ --footer-link-color: #ffcc5c;
+ --footer-link-color-visited: #ffcc5c;
+}
+@media (prefers-color-scheme: dark) {
+ :root {
+ --header-background: #513c6b;
+ --header-font-color: #ffffff;
+
+ --body-background: #343a40;
+ --body-font-color: #ced3d8;
+
+ --mark-color: #ffab00;
+
+ --button-background: #7d6897;
+ --button-border-color: #513c6b;
+
+ --link-color: #a170e2;
+ --link-color-visited: #c27a9e;
+
+ --code-background: #2f353a;
+ --code-accent-color: #262b2f;
+ --code-accent-color-lite: #2b3035;
+ --code-font-color: #b9b9b9;
+
+ --code-copy-background: #343a40;
+ --code-copy-font-color: #6b7784;
+ --code-copy-border-color: #6b7784;
+ --code-copy-success-color: #37905c;
+
+ --accent-color: #2b3035;
+ --accent-color-lite: #2f353a;
+
+ --control-icons: #b2bac1;
+
+ --footer-background: #2f333e;
+ --footer-font-color: #ffffff;
+ --footer-link-color: #ffcc5c;
+ --footer-link-color-visited: #ffcc5c;
+ }
+}
diff --git a/web/flamenco-io-site/static/favicon/favicon-16x16.png b/web/flamenco-io-site/static/favicon/favicon-16x16.png
new file mode 100644
index 00000000..c8af1dab
Binary files /dev/null and b/web/flamenco-io-site/static/favicon/favicon-16x16.png differ
diff --git a/web/flamenco-io-site/static/favicon/favicon-32x32.png b/web/flamenco-io-site/static/favicon/favicon-32x32.png
new file mode 100644
index 00000000..2afc6d10
Binary files /dev/null and b/web/flamenco-io-site/static/favicon/favicon-32x32.png differ
diff --git a/web/flamenco-io-site/static/favicon/favicon.svg b/web/flamenco-io-site/static/favicon/favicon.svg
new file mode 100644
index 00000000..26175b72
--- /dev/null
+++ b/web/flamenco-io-site/static/favicon/favicon.svg
@@ -0,0 +1,31 @@
+
+
+
+