diff --git a/docs/screenshots/admin.png b/docs/screenshots/admin.png
index fbf80e9..3449f0d 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 113fcf3..5abe8df 100644
Binary files a/docs/screenshots/board.png and b/docs/screenshots/board.png differ
diff --git a/docs/screenshots/delegated.png b/docs/screenshots/delegated.png
index 2fc477b..a14ee86 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 e0dd930..894b945 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 cc231c8..b0be2ec 100644
Binary files a/docs/screenshots/history.png and b/docs/screenshots/history.png differ
diff --git a/docs/screenshots/sections.png b/docs/screenshots/sections.png
new file mode 100644
index 0000000..b8e198a
Binary files /dev/null and b/docs/screenshots/sections.png differ
diff --git a/docs/screenshots/settings.png b/docs/screenshots/settings.png
index 8720738..dcbe578 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 985b60b..e56bc18 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 c88f348..c85b213 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 d69e4a8..032ab28 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 d9514a8..ae5617b 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 86c6da4..6b79242 100644
Binary files a/docs/screenshots/week.png and b/docs/screenshots/week.png differ
diff --git a/site/screenshots/admin.png b/site/screenshots/admin.png
index fbf80e9..3449f0d 100644
Binary files a/site/screenshots/admin.png and b/site/screenshots/admin.png differ
diff --git a/site/screenshots/board.png b/site/screenshots/board.png
index 113fcf3..5abe8df 100644
Binary files a/site/screenshots/board.png and b/site/screenshots/board.png differ
diff --git a/site/screenshots/delegated.png b/site/screenshots/delegated.png
index 2fc477b..a14ee86 100644
Binary files a/site/screenshots/delegated.png and b/site/screenshots/delegated.png differ
diff --git a/site/screenshots/detail.png b/site/screenshots/detail.png
index e0dd930..894b945 100644
Binary files a/site/screenshots/detail.png and b/site/screenshots/detail.png differ
diff --git a/site/screenshots/history.png b/site/screenshots/history.png
index cc231c8..b0be2ec 100644
Binary files a/site/screenshots/history.png and b/site/screenshots/history.png differ
diff --git a/site/screenshots/sections.png b/site/screenshots/sections.png
new file mode 100644
index 0000000..b8e198a
Binary files /dev/null and b/site/screenshots/sections.png differ
diff --git a/site/screenshots/settings.png b/site/screenshots/settings.png
index 8720738..dcbe578 100644
Binary files a/site/screenshots/settings.png and b/site/screenshots/settings.png differ
diff --git a/site/screenshots/themes.png b/site/screenshots/themes.png
index 985b60b..e56bc18 100644
Binary files a/site/screenshots/themes.png and b/site/screenshots/themes.png differ
diff --git a/site/screenshots/today-light.png b/site/screenshots/today-light.png
index c88f348..c85b213 100644
Binary files a/site/screenshots/today-light.png and b/site/screenshots/today-light.png differ
diff --git a/site/screenshots/today.png b/site/screenshots/today.png
index d69e4a8..032ab28 100644
Binary files a/site/screenshots/today.png and b/site/screenshots/today.png differ
diff --git a/site/screenshots/upcoming.png b/site/screenshots/upcoming.png
index d9514a8..ae5617b 100644
Binary files a/site/screenshots/upcoming.png and b/site/screenshots/upcoming.png differ
diff --git a/site/screenshots/week.png b/site/screenshots/week.png
index 86c6da4..6b79242 100644
Binary files a/site/screenshots/week.png and b/site/screenshots/week.png differ
diff --git a/web/e2e/smoke.spec.js b/web/e2e/smoke.spec.js
index 0260e1a..e19220f 100644
--- a/web/e2e/smoke.spec.js
+++ b/web/e2e/smoke.spec.js
@@ -1157,8 +1157,13 @@ test('kontoens sprog skifter hele fladen, ikke kun parseren', async ({ page }) =
 		/januar|februar|marts|maj|juni|juli|oktober|december/i
 	);
 
-	// The Inbox keeps its name: it is a project row created at signup, not a
-	// string in the interface, and the person can rename it like any other.
+	// The Inbox is named by the server at account creation, before anybody has seen
+	// a settings page — so it is the one project name nobody chose, and it follows
+	// the language like a label. Rename it and that becomes your name for it in
+	// every language, the same rule as any other project.
+	await expect(
+		page.getByRole('navigation', { name: 'Main menu' }).getByRole('link', { name: 'Inbox' })
+	).toBeVisible();
 
 	// Danish again, for everything that runs after this.
 	await page.goto('/indstillinger');
diff --git a/web/scripts/generate-screenshots.js b/web/scripts/generate-screenshots.js
index 2b38066..57fe251 100644
--- a/web/scripts/generate-screenshots.js
+++ b/web/scripts/generate-screenshots.js
@@ -51,6 +51,9 @@ const SHOTS = [
 	{ name: 'upcoming', path: '/upcoming', theme: 'dark', prepare: showMonth },
 	{ name: 'week', path: '/upcoming', theme: 'dark', prepare: showWeek },
 	{ name: 'board', path: (ids) => `/projekt/${ids.work}`, theme: 'dark' },
+	// The same project as a list, which is where sections read as bands rather than
+	// as columns — and the shape most people actually work in.
+	{ name: 'sections', path: (ids) => `/projekt/${ids.work}`, theme: 'dark', prepare: showList },
 	{ name: 'detail', path: '/', theme: 'dark', prepare: openFirstTask },
 	{ name: 'settings', path: '/indstillinger/integrationer', theme: 'dark' },
 	{ name: 'themes', path: '/indstillinger', theme: 'dark' },
@@ -59,6 +62,11 @@ const SHOTS = [
 	{ name: 'delegated', path: '/uddelegeret', theme: 'dark' }
 ];
 
+async function showList(page) {
+	await page.getByRole('button', { name: 'Liste', exact: true }).click();
+	await page.waitForTimeout(600);
+}
+
 async function showMonth(page) {
 	await page.getByRole('button', { name: 'Måned', exact: true }).click();
 	await page.waitForTimeout(800);
diff --git a/web/src/lib/components/Sidebar.svelte b/web/src/lib/components/Sidebar.svelte
index d6ee883..950c88f 100644
--- a/web/src/lib/components/Sidebar.svelte
+++ b/web/src/lib/components/Sidebar.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { app, sidebar } from '$lib/stores.svelte.js';
+	import { app, sidebar, projectName } from '$lib/stores.svelte.js';
 	import { api } from '$lib/api.js';
 	import { TASK, PROJECT, GROUP, startDrag, carries, dragged, accept } from '$lib/dnd.js';
 	import { COLORS, colorVar } from '$lib/colors.js';
@@ -410,7 +410,7 @@
 			ondrop={(e) => (carries(e, TASK) ? onTaskDrop(e, project) : sortable && onDrop(e, project))}
 		>
 			<span class="dot" style="background: {colorVar(project.color)}" aria-hidden="true"></span>
-			{project.name}
+			{projectName(project)}
 			{#if project.shared}
 				<span class="count">{project.member_count}</span>
 			{/if}
diff --git a/web/src/lib/components/TaskDetail.svelte b/web/src/lib/components/TaskDetail.svelte
index da34f3a..aaf710f 100644
--- a/web/src/lib/components/TaskDetail.svelte
+++ b/web/src/lib/components/TaskDetail.svelte
@@ -11,7 +11,7 @@
 	 * necessarily the last one sent.
 	 */
 	import { api, humanMessage } from '$lib/api.js';
-	import { app } from '$lib/stores.svelte.js';
+	import { app, projectName } from '$lib/stores.svelte.js';
 	import { focusOnMount } from '$lib/focus.js';
 	import { t } from '$lib/i18n.svelte.js';
 
@@ -436,7 +436,7 @@
 				<label for="project">{t('detail.project')}</label>
 				<select id="project" bind:value={projectId} onchange={saveProject}>
 					{#each app.projects as project (project.id)}
-						<option value={project.id}>{project.name}</option>
+						<option value={project.id}>{projectName(project)}</option>
 					{/each}
 				</select>
 			</div>
diff --git a/web/src/lib/stores.svelte.js b/web/src/lib/stores.svelte.js
index e50c740..7b2729d 100644
--- a/web/src/lib/stores.svelte.js
+++ b/web/src/lib/stores.svelte.js
@@ -620,6 +620,28 @@ class AppState {
 	}
 }
 
+/**
+ * What to call a project on screen.
+ *
+ * Almost always its own name — somebody wrote it and it is theirs. The Inbox is the
+ * exception: the server names it at account creation, before anybody has seen a
+ * settings page, so it is the one project name nobody chose. Leaving it as stored
+ * meant an account created in Danish said "Indbakke" in an English interface, which
+ * reads as a string somebody forgot to translate. It was.
+ *
+ * Only while it still carries a name the server gave it. Rename it and that is your
+ * name for it, in every language — the same rule as any other project.
+ */
+const SYSTEM_INBOX_NAMES = new Set(['indbakke', 'inbox']);
+
+export function projectName(project) {
+	if (!project) return '';
+	if (project.is_inbox && SYSTEM_INBOX_NAMES.has(project.name.trim().toLowerCase())) {
+		return t('nav.inbox');
+	}
+	return project.name;
+}
+
 /** Enough of a task's title to recognise it, without a toast the width of the page. */
 function truncate(text, max = 40) {
 	const trimmed = text.trim();
diff --git a/web/src/routes/gruppe/[id]/+page.svelte b/web/src/routes/gruppe/[id]/+page.svelte
index d116bd5..a1b3c99 100644
--- a/web/src/routes/gruppe/[id]/+page.svelte
+++ b/web/src/routes/gruppe/[id]/+page.svelte
@@ -13,7 +13,7 @@
 	 */
 	import { page } from '$app/stores';
 	import { api, humanMessage } from '$lib/api.js';
-	import { app } from '$lib/stores.svelte.js';
+	import { app, projectName } from '$lib/stores.svelte.js';
 	import { colorVar } from '$lib/colors.js';
 	import { focusOnMount } from '$lib/focus.js';
 	import { t } from '$lib/i18n.svelte.js';
@@ -165,7 +165,7 @@
 							<a href="/projekt/{project.id}">
 								<span class="dot" style="background: {colorVar(project.color)}" aria-hidden="true"
 								></span>
-								{project.name}
+								{projectName(project)}
 								<!-- Counted by the server in the same request. Open tasks, not all
 								     of them: "12" beside a project finished last year is a number
 								     that means nothing. -->
diff --git a/web/src/routes/indstillinger/historik/+page.svelte b/web/src/routes/indstillinger/historik/+page.svelte
index b4ea434..864d635 100644
--- a/web/src/routes/indstillinger/historik/+page.svelte
+++ b/web/src/routes/indstillinger/historik/+page.svelte
@@ -14,7 +14,7 @@
 	 * audit log must not have.
 	 */
 	import { api, humanMessage } from '$lib/api.js';
-	import { app } from '$lib/stores.svelte.js';
+	import { app, projectName } from '$lib/stores.svelte.js';
 	import { eventName, eventDetail } from '$lib/events.js';
 	import { t } from '$lib/i18n.svelte.js';
 	import { ago } from '$lib/when.js';
@@ -130,7 +130,7 @@
 			<select bind:value={filterProject}>
 				<option value="">{t('history.all')}</option>
 				{#each projects as project (project.id)}
-					<option value={project.id}>{project.name}</option>
+					<option value={project.id}>{projectName(project)}</option>
 				{/each}
 			</select>
 		</label>
diff --git a/web/src/routes/projekt/[id]/+page.svelte b/web/src/routes/projekt/[id]/+page.svelte
index e5d7a9d..676e3cc 100644
--- a/web/src/routes/projekt/[id]/+page.svelte
+++ b/web/src/routes/projekt/[id]/+page.svelte
@@ -3,7 +3,7 @@
 	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
 	import { api, humanMessage } from '$lib/api.js';
-	import { app, completedView } from '$lib/stores.svelte.js';
+	import { app, completedView, projectName } from '$lib/stores.svelte.js';
 	import { COLORS, colorVar } from '$lib/colors.js';
 	import { eventName, eventDetail } from '$lib/events.js';
 	import { TASK, carries, dragged, accept } from '$lib/dnd.js';
@@ -434,10 +434,10 @@
 				<h1 class:renameable={isOwner}>
 					{#if isOwner}
 						<button onclick={() => (editing = true)} title={t('project.clickToRename')}>
-							{project.name}
+							{projectName(project)}
 						</button>
 					{:else}
-						{project.name}
+						{projectName(project)}
 					{/if}
 				</h1>
 			{/if}
@@ -1273,19 +1273,39 @@
 		margin-bottom: var(--s2);
 	}
 
+	/* A band rather than a rule.
+	 *
+	 * Small uppercase text over a hairline is a heading you have to look for. A
+	 * project with four sections is four groups, and the eye should be able to
+	 * count them without reading a word — so the heading gets a ground of its own,
+	 * and the rows below sit against the page.
+	 *
+	 * `--surface`, not a tint of the accent: the colour on this page belongs to the
+	 * project, and a section is not a second thing to colour. What is wanted is
+	 * separation, and a step in lightness gives that in all five themes without
+	 * anybody measuring anything.
+	 */
 	.section-head {
 		display: flex;
 		align-items: baseline;
 		gap: var(--s3);
-		border-bottom: 1px solid var(--line);
-		margin-bottom: var(--s2);
+		background: var(--surface);
+		border-radius: var(--radius);
+		padding: var(--s2) var(--s3);
+		margin-bottom: var(--s1);
+		/* Pulled out to the padding of the rows below, so the band lines up with the
+		   text it heads rather than with the rows' own inset. */
+		margin-left: calc(var(--s2) * -1);
+		margin-right: calc(var(--s2) * -1);
 	}
 
 	.section-head h2 {
 		border-bottom: 0;
 		margin-bottom: 0;
+		padding: 0;
 		flex: 1;
 		min-width: 0;
+		color: var(--ink-muted);
 	}
 
 	/* Hidden until the section is hovered or something in it has focus: a heading