diff --git a/attribution/index.html b/attribution/index.html
index f863e22..4c5f81d 100644
--- a/attribution/index.html
+++ b/attribution/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -345,6 +379,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/attribution/` was built on 2026-09-05T20:52:47.889Z -->
+	<!-- This page `/attribution/` was built on 2026-09-13T17:56:26.679Z -->
 </body>
 </html>
diff --git a/digital-success/index.html b/digital-success/index.html
index 2d99d1b..d582a3d 100644
--- a/digital-success/index.html
+++ b/digital-success/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -342,6 +376,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/digital-success/` was built on 2026-09-05T20:52:47.889Z -->
+	<!-- This page `/digital-success/` was built on 2026-09-13T17:56:26.679Z -->
 </body>
 </html>
diff --git a/fonts/BLOKTYPE.woff2 b/fonts/BLOKTYPE.woff2
new file mode 100644
index 0000000..800f007
Binary files /dev/null and b/fonts/BLOKTYPE.woff2 differ
diff --git a/img/2026-2027-logo-dark.png b/img/2026-2027-logo-dark.png
new file mode 100644
index 0000000..9b1462d
Binary files /dev/null and b/img/2026-2027-logo-dark.png differ
diff --git a/img/2026-2027-logo-light.png b/img/2026-2027-logo-light.png
new file mode 100644
index 0000000..03dbd81
Binary files /dev/null and b/img/2026-2027-logo-light.png differ
diff --git a/index.html b/index.html
index bf2b846..1b66d59 100644
--- a/index.html
+++ b/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -323,10 +357,10 @@ footer p {
 
 
 	<main id="main">
-		
-<h1 id="fedizinefest">FediZineFest</h1>
-
+		<h1 id="fedizinefest"><span class="bloktype">F</span>edi<span class="bloktype"><wbr>Z</span>ine<span class="bloktype"><wbr>F</span>est</h1>
 <p>FediZineFest ran in <a href="/years/2024">2024</a> and <a href="/years/2025">2025</a>. We're now looking at <a href="/years/2026-2027">FediZineFest 2026-2027</a>.</p>
+<p><img src="/img/2026-2027-logo-dark.png" alt="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette" class="inset light-mode" loading="lazy" decoding="async" width="563" height="552">
+<img src="/img/2026-2027-logo-light.png" alt="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette" class="inset dark-mode" loading="lazy" decoding="async" width="563" height="552"></p>
 <h2 id="what">What</h2>
 <p>A zine sharing and distribution project for the fediverse.</p>
 <h2 id="who">Who</h2>
@@ -345,7 +379,6 @@ footer p {
 <p><strong>Artists:</strong> read the <a href="/years/2026-2027/guidelines#artist-information">2026-2027 artist information</a> for information about art restrictions and payment.</p>
 <p><strong>Backers:</strong> read the <a href="/years/2026-2027/guidelines#backer-information">2026-2027 backer information</a> for information about how to purchase zine bundles.</p>
 
-
 	</main>
 
   <footer>
@@ -358,6 +391,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/` was built on 2026-09-05T20:52:47.889Z -->
+	<!-- This page `/` was built on 2026-09-13T17:56:26.677Z -->
 </body>
 </html>
diff --git a/palette/index.html b/palette/index.html
index 3d6b3c7..5f1d74b 100644
--- a/palette/index.html
+++ b/palette/index.html
@@ -21,8 +21,8 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
@@ -40,24 +40,40 @@
   --color-header-dark-2025: #ff9b37;
   --color-warn-dark-2025: #540033;
 
+  --color-light-2026: #f3ccfb;
+  --color-dark-2026: #130b16;
+  --color-pink-2026: #ea33d2;
+  --color-blurple-2026: #6d12e2;
+
   border-radius: .5rem;
   padding: .5rem;
   text-align: center;
   font-weight: bold;
 }
 
-@media (prefers-color-scheme: light) {
-	.color {
-		border: .1rem solid var(--color-bg-dark);
-	}
+.color {
+	border: .1rem solid var(--color-text);
 }
 
-@media (prefers-color-scheme: dark) {
-	.color {
-		border: .1rem solid var(--color-bg-light);
-	}
+/* 2026-2027 */
+
+#light-2026,
+#pink-2026 {
+	color: var(--color-dark-2026);
 }
 
+#dark-2026,
+#blurple-2026 {
+	color: var(--color-light-2026);
+}
+
+#light-2026 { background-color: var(--color-light-2026); }
+#dark-2026 { background-color: var(--color-dark-2026); }
+#pink-2026 { background-color: var(--color-pink-2026); }
+#blurple-2026 { background-color: var(--color-blurple-2026); }
+
+/* 2025 */
+
 #bg-light-2025,
 #warn-light-2025 {
 	color: var(--color-text-light-2025);
@@ -87,23 +103,23 @@
 #text-dark-2025 { background-color: var(--color-text-dark-2025); }
 #header-dark-2025 { background-color: var(--color-header-dark-2025); }
 #warn-dark-2025 { background-color: var(--color-warn-dark-2025); }
+@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
 :root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -186,7 +202,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -197,11 +213,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -300,6 +320,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -384,6 +434,11 @@ footer p {
 		
 <h1 id="palette">Palette</h1>
 
+<h2 id="2026-2027">2026-2027</h2>
+<p class="color" id="light-2026">#f3ccfb</p>
+<p class="color" id="dark-2026">#130b16</p>
+<p class="color" id="pink-2026">#ea33d2</p>
+<p class="color" id="blurple-2026">#6d12e2</p>
 <h2 id="2025">2025</h2>
 <h3 id="light">Light</h3>
 <p class="color" id="bg-light-2025">#f0f0f0</p>
@@ -409,6 +464,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/palette/` was built on 2026-09-05T20:52:47.889Z -->
+	<!-- This page `/palette/` was built on 2026-09-13T17:56:26.679Z -->
 </body>
 </html>
diff --git a/robots.txt b/robots.txt
new file mode 100644
index 0000000..2bc3201
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,151 @@
+# Sourced from https://codeberg.org/superseriousbusiness/gotosocial/
+
+# AI scrapers and the like.
+# https://github.com/ai-robots-txt/ai.robots.txt/
+User-agent: AddSearchBot
+User-agent: AI2Bot
+User-agent: AI2Bot-DeepResearchEval
+User-agent: Ai2Bot-Dolma
+User-agent: aiHitBot
+User-agent: amazon-kendra
+User-agent: Amazonbot
+User-agent: AmazonBuyForMe
+User-agent: Andibot
+User-agent: Anomura
+User-agent: anthropic-ai
+User-agent: Applebot
+User-agent: Applebot-Extended
+User-agent: atlassian-bot
+User-agent: Awario
+User-agent: bedrockbot
+User-agent: bigsur.ai
+User-agent: Bravebot
+User-agent: Brightbot 1.0
+User-agent: BuddyBot
+User-agent: Bytespider
+User-agent: CCBot
+User-agent: Channel3Bot
+User-agent: ChatGLM-Spider
+User-agent: ChatGPT Agent
+User-agent: ChatGPT-User
+User-agent: Claude-SearchBot
+User-agent: Claude-User
+User-agent: Claude-Web
+User-agent: ClaudeBot
+User-agent: Cloudflare-AutoRAG
+User-agent: CloudVertexBot
+User-agent: cohere-ai
+User-agent: cohere-training-data-crawler
+User-agent: Cotoyogi
+User-agent: Crawl4AI
+User-agent: Crawlspace
+User-agent: Datenbank Crawler
+User-agent: DeepSeekBot
+User-agent: Devin
+User-agent: Diffbot
+User-agent: DuckAssistBot
+User-agent: Echobot Bot
+User-agent: EchoboxBot
+User-agent: FacebookBot
+User-agent: facebookexternalhit
+User-agent: Factset_spyderbot
+User-agent: FirecrawlAgent
+User-agent: FriendlyCrawler
+User-agent: Gemini-Deep-Research
+User-agent: Google-CloudVertexBot
+User-agent: Google-Extended
+User-agent: Google-Firebase
+User-agent: Google-NotebookLM
+User-agent: GoogleAgent-Mariner
+User-agent: GoogleOther
+User-agent: GoogleOther-Image
+User-agent: GoogleOther-Video
+User-agent: GPTBot
+User-agent: iAskBot
+User-agent: iaskspider
+User-agent: iaskspider/2.0
+User-agent: IbouBot
+User-agent: ICC-Crawler
+User-agent: ImagesiftBot
+User-agent: imageSpider
+User-agent: img2dataset
+User-agent: ISSCyberRiskCrawler
+User-agent: Kangaroo Bot
+User-agent: KlaviyoAIBot
+User-agent: KunatoCrawler
+User-agent: laion-huggingface-processor
+User-agent: LAIONDownloader
+User-agent: LCC
+User-agent: LinerBot
+User-agent: Linguee Bot
+User-agent: LinkupBot
+User-agent: Manus-User
+User-agent: meta-externalagent
+User-agent: Meta-ExternalAgent
+User-agent: meta-externalfetcher
+User-agent: Meta-ExternalFetcher
+User-agent: meta-webindexer
+User-agent: MistralAI-User
+User-agent: MistralAI-User/1.0
+User-agent: MyCentralAIScraperBot
+User-agent: netEstate Imprint Crawler
+User-agent: NotebookLM
+User-agent: NovaAct
+User-agent: OAI-SearchBot
+User-agent: omgili
+User-agent: omgilibot
+User-agent: OpenAI
+User-agent: Operator
+User-agent: PanguBot
+User-agent: Panscient
+User-agent: panscient.com
+User-agent: Perplexity-User
+User-agent: PerplexityBot
+User-agent: PetalBot
+User-agent: PhindBot
+User-agent: Poggio-Citations
+User-agent: Poseidon Research Crawler
+User-agent: QualifiedBot
+User-agent: QuillBot
+User-agent: quillbot.com
+User-agent: SBIntuitionsBot
+User-agent: Scrapy
+User-agent: SemrushBot-OCOB
+User-agent: SemrushBot-SWA
+User-agent: ShapBot
+User-agent: Sidetrade indexer bot
+User-agent: Spider
+User-agent: TerraCotta
+User-agent: Thinkbot
+User-agent: TikTokSpider
+User-agent: Timpibot
+User-agent: TwinAgent
+User-agent: VelenPublicWebCrawler
+User-agent: WARDBot
+User-agent: Webzio-Extended
+User-agent: webzio-extended
+User-agent: wpbot
+User-agent: WRTNBot
+User-agent: YaK
+User-agent: YandexAdditional
+User-agent: YandexAdditionalBot
+User-agent: YouBot
+User-agent: ZanistaBot
+Disallow: /
+
+# Marketing/SEO "intelligence" data scrapers
+User-agent: AwarioRssBot
+User-agent: AwarioSmartBot
+User-agent: DataForSeoBot
+User-agent: magpie-crawler
+User-agent: Meltwater
+User-agent: peer39_crawler
+User-agent: peer39_crawler/1.0
+User-agent: PiplBot
+User-agent: scoop.it
+User-agent: Seekr
+Disallow: /
+
+# Rules for everything else
+User-agent: *
+Crawl-delay: 500
diff --git a/signup/index.html b/signup/index.html
index 1d7cb0e..0b08261 100644
--- a/signup/index.html
+++ b/signup/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -347,6 +381,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/signup/` was built on 2026-09-05T20:52:47.889Z -->
+	<!-- This page `/signup/` was built on 2026-09-13T17:56:26.679Z -->
 </body>
 </html>
diff --git a/years/2024/guidelines/index.html b/years/2024/guidelines/index.html
index 5113e42..ebe5d2b 100644
--- a/years/2024/guidelines/index.html
+++ b/years/2024/guidelines/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -420,6 +454,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/years/2024/guidelines/` was built on 2026-09-05T20:52:47.890Z -->
+	<!-- This page `/years/2024/guidelines/` was built on 2026-09-13T17:56:26.679Z -->
 </body>
 </html>
diff --git a/years/2024/index.html b/years/2024/index.html
index 1de9013..04c37a4 100644
--- a/years/2024/index.html
+++ b/years/2024/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -326,8 +360,7 @@ footer p {
 		
 <h1 id="fedizinefest-2024">FediZineFest 2024</h1>
 
-<p><img src="/img/2024-zines.jpg" alt="A number of zines of various sizes and designs and colors laid out on a very colorful bedspread." loading="lazy" decoding="async" width="3000" height="4000"></p>
-<h2 id="overview">Overview</h2>
+<p><img src="/img/2024-zines.jpg" alt="A number of zines of various sizes and designs and colors laid out on a very colorful bedspread." class="inset" loading="lazy" decoding="async" width="3000" height="4000"></p>
 <p>Read the <a href="/years/2024/guidelines">FediZineFest 2024 guidelines.</a></p>
 <p>See the <a href="/years/2024/zines">FediZineFest 2024 zines.</a></p>
 <h2 id="statistics">Statistics</h2>
@@ -362,6 +395,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/years/2024/` was built on 2026-09-05T20:52:47.890Z -->
+	<!-- This page `/years/2024/` was built on 2026-09-13T17:56:26.679Z -->
 </body>
 </html>
diff --git a/years/2024/zines/index.html b/years/2024/zines/index.html
index 0d16e2f..eecb4c4 100644
--- a/years/2024/zines/index.html
+++ b/years/2024/zines/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -822,6 +856,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/years/2024/zines/` was built on 2026-09-05T20:52:47.889Z -->
+	<!-- This page `/years/2024/zines/` was built on 2026-09-13T17:56:26.678Z -->
 </body>
 </html>
diff --git a/years/2025/guidelines/index.html b/years/2025/guidelines/index.html
index ec88742..32def02 100644
--- a/years/2025/guidelines/index.html
+++ b/years/2025/guidelines/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -386,6 +420,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/years/2025/guidelines/` was built on 2026-09-05T20:52:47.890Z -->
+	<!-- This page `/years/2025/guidelines/` was built on 2026-09-13T17:56:26.679Z -->
 </body>
 </html>
diff --git a/years/2025/index.html b/years/2025/index.html
index c7e64f3..0448b44 100644
--- a/years/2025/index.html
+++ b/years/2025/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -326,7 +360,7 @@ footer p {
 		
 <h1 id="fedizinefest-2025">FediZineFest 2025</h1>
 
-<p><img src="/img/2025-logo.png" alt="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'" loading="lazy" decoding="async" width="729" height="799"></p>
+<p><img src="/img/2025-logo.png" alt="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'" class="inset" loading="lazy" decoding="async" width="729" height="799"></p>
 <h2 id="overview">Overview</h2>
 <p>Read the <a href="/years/2025/guidelines">FediZineFest 2025 guidelines.</a></p>
 <p>See the <a href="/years/2025/zines">FediZineFest 2025 zines.</a></p>
@@ -372,6 +406,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/years/2025/` was built on 2026-09-05T20:52:47.890Z -->
+	<!-- This page `/years/2025/` was built on 2026-09-13T17:56:26.679Z -->
 </body>
 </html>
diff --git a/years/2025/zines/index.html b/years/2025/zines/index.html
index c03340b..08dadbf 100644
--- a/years/2025/zines/index.html
+++ b/years/2025/zines/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -698,6 +732,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/years/2025/zines/` was built on 2026-09-05T20:52:47.889Z -->
+	<!-- This page `/years/2025/zines/` was built on 2026-09-13T17:56:26.679Z -->
 </body>
 </html>
diff --git a/years/2026-2027/guidelines/index.html b/years/2026-2027/guidelines/index.html
index bd65271..0390736 100644
--- a/years/2026-2027/guidelines/index.html
+++ b/years/2026-2027/guidelines/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -323,9 +357,7 @@ footer p {
 
 
 	<main id="main">
-		
-<h1 id="fedizinefest-2026-2027-guidelines">FediZineFest 2026-2027 Guidelines</h1>
-
+		<h1 id="fedizinefest-2026-2027-guidelines"><span class="bloktype">F</span>edi<span class="bloktype"><wbr>Z</span>ine<span class="bloktype"><wbr>F</span>est 2026-2027 Guidelines</h1>
 <h2 id="what">What</h2>
 <p>A zine sharing and distribution project for the fediverse.</p>
 <h2 id="who">Who</h2>
@@ -384,7 +416,6 @@ footer p {
 <h2 id="backer-information">Backer information</h2>
 <p>Buying physical/digital or digital-only zine bundles will be done via <a href="https://ko-fi.com/inherentlee">Lee's Ko-fi shop</a>. If you've filled out the <a href="/signup#interest-in-2026-2027">interest form</a>, you'll get an email when bundle purchasing goes live. Otherwise, monitor the #fediZineFest and/or #fediZineFest2026 hashtags on the fediverse.</p>
 
-
 	</main>
 
   <footer>
@@ -397,6 +428,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/years/2026-2027/guidelines/` was built on 2026-09-05T20:52:47.890Z -->
+	<!-- This page `/years/2026-2027/guidelines/` was built on 2026-09-13T17:56:26.677Z -->
 </body>
 </html>
diff --git a/years/2026-2027/index.html b/years/2026-2027/index.html
index ef7708d..a4cfa14 100644
--- a/years/2026-2027/index.html
+++ b/years/2026-2027/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -323,10 +357,9 @@ footer p {
 
 
 	<main id="main">
-		
-<h1 id="fedizinefest-2026-2027">FediZineFest 2026-2027</h1>
-
-<h2 id="overview">Overview</h2>
+		<h1 id="fedizinefest-2026-2027"><span class="bloktype">F</span>edi<span class="bloktype"><wbr>Z</span>ine<span class="bloktype"><wbr>F</span>est 2026-2027</h1>
+<p><img src="/img/2026-2027-logo-dark.png" alt="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette" class="inset light-mode" loading="lazy" decoding="async" width="563" height="552">
+<img src="/img/2026-2027-logo-light.png" alt="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette" class="inset dark-mode" loading="lazy" decoding="async" width="563" height="552"></p>
 <p>The interest form for 2026-2027 is open on the <a href="/signup">signup page.</a></p>
 <p>Read the <a href="/years/2026-2027/guidelines">FediZineFest 2026-2027 guidelines.</a></p>
 <h2 id="team">Team</h2>
@@ -338,7 +371,6 @@ footer p {
 <li><strong>Color and logo design:</strong> Eric Jennings — <a href="https://www.killyour.guru/">killyour.guru</a></li>
 </ul>
 
-
 	</main>
 
   <footer>
@@ -351,6 +383,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/years/2026-2027/` was built on 2026-09-05T20:52:47.890Z -->
+	<!-- This page `/years/2026-2027/` was built on 2026-09-13T17:56:26.678Z -->
 </body>
 </html>
diff --git a/years/index.html b/years/index.html
index 0e01fd0..376a133 100644
--- a/years/index.html
+++ b/years/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -348,6 +382,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/years/` was built on 2026-09-05T20:52:47.890Z -->
+	<!-- This page `/years/` was built on 2026-09-13T17:56:26.679Z -->
 </body>
 </html>
diff --git a/zines/index.html b/zines/index.html
index 94aa4e7..33d6fbd 100644
--- a/zines/index.html
+++ b/zines/index.html
@@ -21,31 +21,31 @@
 	<meta property="og:description" content="A zine sharing project for the fediverse">
 
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/img/2025-logo.png">
-	<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
+	<meta property="og:image" content="/img/2026-2027-logo-dark.png">
+	<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
 
 	<meta name="generator" content="Eleventy v3.1.5">
 
 	<!-- CSS -->
 	
 	
-	<style>:root {
+	<style>@font-face {
+	font-family: "Bloktype";
+	src: url("/fonts/BLOKTYPE.woff2");
+}
+
+:root {
 	color-scheme: light dark;
 
- 	--color-bg-light: #f0f0f0;
-  --color-text-light: #640054;
-  --color-header-light: #185370;
-  --color-warn-light: #fbcc0a;
+  --color-light: #f3ccfb;
+  --color-dark: #130b16;
+  --color-pink: #ea33d2;
+  --color-blurple: #6d12e2;
 
-  --color-bg-dark: #1f1f1f;
-  --color-text-dark: #91c73b;
-  --color-header-dark: #ff9b37;
-  --color-warn-dark: #540033;
-
-  --color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
-  --color-text: light-dark(var(--color-text-light), var(--color-text-dark));
-  --color-header: light-dark(var(--color-header-light), var(--color-header-dark));
-  --color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
+  --color-bg: light-dark(var(--color-light), var(--color-dark));
+  --color-text: light-dark(var(--color-dark), var(--color-light));
+  --color-header: light-dark(var(--color-blurple), var(--color-pink));
+  --color-warn: light-dark(var(--color-pink), var(--color-blurple));
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	margin: 5rem 0 2rem;
+	margin: 5rem 0;
 	font-size: 3rem;
 	text-align: center;
 }
@@ -139,11 +139,15 @@ h1 {
 
 h2 {
   font-size: 2rem;
-  padding-top: 3rem;
-  border-top: solid;
   margin: 1.4rem 0;
 }
 
+p + h2,
+h3 + h2 {
+ padding-top: 3rem;
+ border-top: solid;
+}
+
 h3 {
   font-size: 1.4rem;
   margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
 		text-align: center;
 	}
 }
+
+.bloktype {
+	font-family: "Bloktype";
+	font-size: 1.35em; /* because of the blocks the letters are rather small */
+	color: var(--color-text);
+}
+
+@media (prefers-color-scheme: light) {
+	.dark-mode {
+		display: none;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	.light-mode {
+		display: none;
+	}
+}
+
+/* only float insets on larger screens */
+@media (min-width: 551px) {
+	.inset {
+		clear: both;
+		width: 40%;
+		padding-left: 1rem;
+		padding-bottom: .5rem;
+		float: right;
+		background-color: var(--color-bg);
+	}
+}
 #zine-container {
   padding: 0;
 }
@@ -1259,6 +1293,6 @@ footer p {
   </p>
 </footer>
 
-	<!-- This page `/zines/` was built on 2026-09-05T20:52:47.888Z -->
+	<!-- This page `/zines/` was built on 2026-09-13T17:56:26.678Z -->
 </body>
 </html>