diff --git a/docs/screenshots/admin.png b/docs/screenshots/admin.png
index 92cfe83..9bd1b27 100644
Binary files a/docs/screenshots/admin.png and b/docs/screenshots/admin.png differ
diff --git a/docs/screenshots/board.png b/docs/screenshots/board.png
index 4a5a982..c6935f6 100644
Binary files a/docs/screenshots/board.png and b/docs/screenshots/board.png differ
diff --git a/docs/screenshots/calendar-light.png b/docs/screenshots/calendar-light.png
index f14c171..c5de3f6 100644
Binary files a/docs/screenshots/calendar-light.png and b/docs/screenshots/calendar-light.png differ
diff --git a/docs/screenshots/delegated.png b/docs/screenshots/delegated.png
index fbbae69..6ac5e2f 100644
Binary files a/docs/screenshots/delegated.png and b/docs/screenshots/delegated.png differ
diff --git a/docs/screenshots/detail.png b/docs/screenshots/detail.png
index 3bd702b..03edf3f 100644
Binary files a/docs/screenshots/detail.png and b/docs/screenshots/detail.png differ
diff --git a/docs/screenshots/history.png b/docs/screenshots/history.png
index 23a5125..63c278b 100644
Binary files a/docs/screenshots/history.png and b/docs/screenshots/history.png differ
diff --git a/docs/screenshots/notes-shared-light.png b/docs/screenshots/notes-shared-light.png
index a2e5123..03dae4b 100644
Binary files a/docs/screenshots/notes-shared-light.png and b/docs/screenshots/notes-shared-light.png differ
diff --git a/docs/screenshots/notes-source.png b/docs/screenshots/notes-source.png
index 14e7794..418a99a 100644
Binary files a/docs/screenshots/notes-source.png and b/docs/screenshots/notes-source.png differ
diff --git a/docs/screenshots/notes.png b/docs/screenshots/notes.png
index c4f865f..e143ec7 100644
Binary files a/docs/screenshots/notes.png and b/docs/screenshots/notes.png differ
diff --git a/docs/screenshots/sections.png b/docs/screenshots/sections.png
index 368af55..a0510e1 100644
Binary files a/docs/screenshots/sections.png and b/docs/screenshots/sections.png differ
diff --git a/docs/screenshots/settings.png b/docs/screenshots/settings.png
index 4c7ec54..41a82b8 100644
Binary files a/docs/screenshots/settings.png and b/docs/screenshots/settings.png differ
diff --git a/docs/screenshots/themes.png b/docs/screenshots/themes.png
index a0f2438..cf4c9c7 100644
Binary files a/docs/screenshots/themes.png and b/docs/screenshots/themes.png differ
diff --git a/docs/screenshots/today-light.png b/docs/screenshots/today-light.png
index 1cf6717..7ed0ce1 100644
Binary files a/docs/screenshots/today-light.png and b/docs/screenshots/today-light.png differ
diff --git a/docs/screenshots/today.png b/docs/screenshots/today.png
index 13b7206..56bc8da 100644
Binary files a/docs/screenshots/today.png and b/docs/screenshots/today.png differ
diff --git a/docs/screenshots/upcoming.png b/docs/screenshots/upcoming.png
index c467f29..2231e06 100644
Binary files a/docs/screenshots/upcoming.png and b/docs/screenshots/upcoming.png differ
diff --git a/docs/screenshots/week.png b/docs/screenshots/week.png
index 79b4ac8..9a2cdfb 100644
Binary files a/docs/screenshots/week.png and b/docs/screenshots/week.png differ
diff --git a/site/screenshots/admin.webp b/site/screenshots/admin.webp
index 95fd13e..32376a2 100644
Binary files a/site/screenshots/admin.webp and b/site/screenshots/admin.webp differ
diff --git a/site/screenshots/board.webp b/site/screenshots/board.webp
index 744bc9c..b64ab6a 100644
Binary files a/site/screenshots/board.webp and b/site/screenshots/board.webp differ
diff --git a/site/screenshots/calendar-light.webp b/site/screenshots/calendar-light.webp
index f258d4c..066db7e 100644
Binary files a/site/screenshots/calendar-light.webp and b/site/screenshots/calendar-light.webp differ
diff --git a/site/screenshots/delegated.webp b/site/screenshots/delegated.webp
index 6c6ed62..5fe6a88 100644
Binary files a/site/screenshots/delegated.webp and b/site/screenshots/delegated.webp differ
diff --git a/site/screenshots/detail.webp b/site/screenshots/detail.webp
index fa60d9b..d6fc044 100644
Binary files a/site/screenshots/detail.webp and b/site/screenshots/detail.webp differ
diff --git a/site/screenshots/history.webp b/site/screenshots/history.webp
index 21eea9a..67d68b7 100644
Binary files a/site/screenshots/history.webp and b/site/screenshots/history.webp differ
diff --git a/site/screenshots/notes-shared-light.webp b/site/screenshots/notes-shared-light.webp
index 851f2c5..f10a4bb 100644
Binary files a/site/screenshots/notes-shared-light.webp and b/site/screenshots/notes-shared-light.webp differ
diff --git a/site/screenshots/notes-source.webp b/site/screenshots/notes-source.webp
index b9fa0e6..bc5b469 100644
Binary files a/site/screenshots/notes-source.webp and b/site/screenshots/notes-source.webp differ
diff --git a/site/screenshots/notes.webp b/site/screenshots/notes.webp
index 41bcd7c..26c5b47 100644
Binary files a/site/screenshots/notes.webp and b/site/screenshots/notes.webp differ
diff --git a/site/screenshots/sections.webp b/site/screenshots/sections.webp
index 44a0fd4..a2c33ed 100644
Binary files a/site/screenshots/sections.webp and b/site/screenshots/sections.webp differ
diff --git a/site/screenshots/settings.webp b/site/screenshots/settings.webp
index e2ece23..36f61fc 100644
Binary files a/site/screenshots/settings.webp and b/site/screenshots/settings.webp differ
diff --git a/site/screenshots/themes.webp b/site/screenshots/themes.webp
index 4c93f30..3e002f1 100644
Binary files a/site/screenshots/themes.webp and b/site/screenshots/themes.webp differ
diff --git a/site/screenshots/today-light.webp b/site/screenshots/today-light.webp
index 830f647..f0b5e55 100644
Binary files a/site/screenshots/today-light.webp and b/site/screenshots/today-light.webp differ
diff --git a/site/screenshots/today.webp b/site/screenshots/today.webp
index 91b992f..b105321 100644
Binary files a/site/screenshots/today.webp and b/site/screenshots/today.webp differ
diff --git a/site/screenshots/upcoming.webp b/site/screenshots/upcoming.webp
index d8c15a1..abf9898 100644
Binary files a/site/screenshots/upcoming.webp and b/site/screenshots/upcoming.webp differ
diff --git a/site/screenshots/week.webp b/site/screenshots/week.webp
index 8eb7b8c..3a6b11c 100644
Binary files a/site/screenshots/week.webp and b/site/screenshots/week.webp differ
diff --git a/web/src/lib/components/Sidebar.svelte b/web/src/lib/components/Sidebar.svelte
index 119373f..1c0d794 100644
--- a/web/src/lib/components/Sidebar.svelte
+++ b/web/src/lib/components/Sidebar.svelte
@@ -690,6 +690,64 @@
 		The whole heading is the target, not the chevron. At this size a lone chevron
 		is something you miss, and the name is where the eye already is.
 	-->
+	<!-- One monochrome mark per kind of heading, so a section and a group read as the
+	     same kind of thing — a folder of projects, a funnel of filters, a tag of
+	     labels — instead of one being a faint label and the other a coloured dot. -->
+	{#snippet sectionIcon(key)}
+		{#if key === 'filters'}
+			<svg class="head-icon" viewBox="0 0 16 16" aria-hidden="true">
+				<path
+					d="M2.2 3.4h11.6L9.3 8.8v3.4L6.7 10.9V8.8z"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="1.4"
+					stroke-linejoin="round"
+				/>
+			</svg>
+		{:else if key === 'labels'}
+			<svg class="head-icon" viewBox="0 0 16 16" aria-hidden="true">
+				<path
+					d="M7.7 2.3H13v5.3l-5.3 5.3-5.3-5.3z"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="1.4"
+					stroke-linejoin="round"
+				/>
+				<circle cx="10.2" cy="4.9" r="0.95" fill="currentColor" />
+			</svg>
+		{:else if key === 'shared'}
+			<svg class="head-icon" viewBox="0 0 16 16" aria-hidden="true">
+				<circle cx="6.2" cy="5.6" r="2.1" fill="none" stroke="currentColor" stroke-width="1.4" />
+				<path
+					d="M2.6 12.8c0-2.1 1.7-3.3 3.6-3.3s3.6 1.2 3.6 3.3"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="1.4"
+					stroke-linecap="round"
+				/>
+				<path
+					d="M11 9.6c1.5.2 2.6 1.3 2.6 3.2"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="1.4"
+					stroke-linecap="round"
+				/>
+				<circle cx="11.2" cy="5.6" r="1.7" fill="none" stroke="currentColor" stroke-width="1.4" />
+			</svg>
+		{:else}
+			<!-- Projekter and every group: a folder of projects. -->
+			<svg class="head-icon" viewBox="0 0 16 16" aria-hidden="true">
+				<path
+					d="M2 4.6a1 1 0 011-1h3.1l1.4 1.5H13a1 1 0 011 1v6.3a1 1 0 01-1 1H3a1 1 0 01-1-1z"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="1.4"
+					stroke-linejoin="round"
+				/>
+			</svg>
+		{/if}
+	{/snippet}
+
 	{#snippet foldHeading(key, label)}
 		<h2 class="fold">
 			<button
@@ -704,6 +762,7 @@
 				>
 					<path d="M6 9l6 6 6-6" />
 				</svg>
+				{@render sectionIcon(key)}
 				{label}
 			</button>
 		</h2>
@@ -916,11 +975,7 @@
 									}, 200);
 								}}
 							>
-								<span
-									class="dot group-dot"
-									style="background: {colorVar(group.color)}"
-									aria-hidden="true"
-								></span>
+								{@render sectionIcon('group')}
 								{group.name}
 							</a>
 						</h2>
@@ -1267,12 +1322,22 @@
 		background: var(--surface-sunken);
 	}
 
+	/* Every heading — the system sections and the user's groups — reads the same:
+	   a mark, then a bold plainly-cased name. What used to set them apart (one a
+	   faint uppercase label, the other a bold name with a coloured dot) is gone. */
 	h2 {
-		font-size: var(--text-xs);
-		font-weight: 560;
-		text-transform: uppercase;
-		letter-spacing: 0.06em;
-		color: var(--ink-faint);
+		font-size: var(--menu-size);
+		font-weight: 600;
+		color: var(--ink);
+	}
+
+	/* The heading's mark, in the muted ink so the bold name still leads. Sized and
+	   nudged like a row's own mark, so the icons line up down the sidebar. */
+	.head-icon {
+		width: 14px;
+		height: 14px;
+		flex: none;
+		color: var(--ink-muted);
 	}
 
 	/* Only the square icon buttons — "+" and the folder — and asked for by class
@@ -1373,39 +1438,17 @@
 	   klods ud for navnet permanent, fordi chevronen bliver stående, når gruppen
 	   er lukket. Prikken tones ud i stedet for at blive dækket — det er samme
 	   skifte, uden noget at male henover den med. */
+	/* A group folds from its own chevron, the same one the system sections carry —
+	   in the flow before the name now, not an absolute mark that appeared on hover,
+	   so a group and a section read identically at rest. The name beside it is still
+	   a link to the group's page; the chevron is the second intention. */
 	.chevron-button {
-		position: absolute;
-		left: calc(var(--s2) - 5px);
-		width: 18px;
-		height: 18px;
+		flex: none;
+		width: 14px;
+		height: 14px;
 		display: grid;
 		place-items: center;
-		border-radius: var(--radius-sm);
 		color: inherit;
-		opacity: 0;
-		/* Fordi prikken herunder tones ud frem for at blive dækket. En `opacity`
-		   under 1 laver en stakkontekst og maler elementet, som var det placeret
-		   med `z-index: 0` — så prikken, der står senere i DOM'en, lagde sig oven
-		   på knappen i det øjeblik den forsvandt. Den var usynlig og tog stadig
-		   klikket: prøven brugte tredive sekunder på at folde en gruppe, der ikke
-		   ville foldes. Ét lag op, og rækkefølgen er den samme som før. */
-		z-index: 1;
-	}
-
-	.folder-head:hover .chevron-button,
-	.chevron-button:focus-visible,
-	.chevron-button[aria-expanded='false'] {
-		opacity: 1;
-	}
-
-	/* Præcis de tre tilfælde ovenfor, læst nedad i stedet for opad: står chevronen
-	   der, er prikken væk. `opacity` og ikke `display`, for de to ligger oven i
-	   hinanden — forsvandt prikken ud af flowet, ville navnet rykke sig hver gang
-	   pilen kom frem. */
-	.folder-head:hover .group-dot,
-	.folder-head:has(.chevron-button:focus-visible) .group-dot,
-	.folder-head:has(.chevron-button[aria-expanded='false']) .group-dot {
-		opacity: 0;
 	}
 
 	.chevron-button:hover {
@@ -1485,14 +1528,6 @@
 		white-space: nowrap;
 	}
 
-	/* The group's own mark, between the chevron and the name — inside the fold
-	   button, so it cannot push the heading in. It is a mark now and not a
-	   control: the colour is chosen while renaming, which is the other edit to
-	   the same thing. */
-	.group-dot {
-		flex: none;
-	}
-
 	/* Projects sit at the same left margin whether or not they are in an area —
 	   one straight edge down the whole sidebar reads calmer than a staircase, and
 	   the bold area heading above already does the grouping the indent used to. */
@@ -1508,18 +1543,6 @@
 		padding-left: var(--s2);
 	}
 
-	/* An area is the sidebar's own heading — Things treats it as bold and plainly
-	   cased, a thing the eye lands on, not another faint uppercase label like the
-	   system sections. So an area's name is set apart while "Projekter", "Filtre"
-	   and "Etiketter" stay quiet. */
-	.folder-head h2 {
-		font-size: var(--menu-size);
-		font-weight: 600;
-		text-transform: none;
-		letter-spacing: 0;
-		color: var(--ink);
-	}
-
 	/* Inside the rename form now, so it needs no padding of its own — the form
 	   already sits where the heading did. */
 	.renaming {