diff --git a/src/Controller/CharacterController.php b/src/Controller/CharacterController.php
new file mode 100644
index 0000000..260cf6a
--- /dev/null
+++ b/src/Controller/CharacterController.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Controller;
+
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Attribute\Route;
+use Symfony\Component\Security\Http\Attribute\IsGranted;
+
+#[IsGranted('IS_AUTHENTICATED_FULLY')]
+class CharacterController extends AbstractController
+{
+    #[Route('/characters', name: 'app_characters')]
+    public function index(): Response
+    {
+        return $this->render('characters/index.html.twig');
+    }
+}
diff --git a/src/Controller/NpcController.php b/src/Controller/NpcController.php
new file mode 100644
index 0000000..102b9db
--- /dev/null
+++ b/src/Controller/NpcController.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Controller;
+
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Attribute\Route;
+use Symfony\Component\Security\Http\Attribute\IsGranted;
+
+#[IsGranted('IS_AUTHENTICATED_FULLY')]
+class NpcController extends AbstractController
+{
+    #[Route('/npcs', name: 'app_npcs')]
+    public function index(): Response
+    {
+        return $this->render('npc/index.html.twig');
+    }
+}
diff --git a/src/Controller/StorylineController.php b/src/Controller/StorylineController.php
new file mode 100644
index 0000000..5aa7b3e
--- /dev/null
+++ b/src/Controller/StorylineController.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Controller;
+
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Attribute\Route;
+use Symfony\Component\Security\Http\Attribute\IsGranted;
+
+#[IsGranted('IS_AUTHENTICATED_FULLY')]
+class StorylineController extends AbstractController
+{
+    #[Route('/storyline', name: 'app_storyline')]
+    public function index(): Response
+    {
+        return $this->render('storyline/index.html.twig');
+    }
+}
diff --git a/templates/_partials/page_placeholder.html.twig b/templates/_partials/page_placeholder.html.twig
new file mode 100644
index 0000000..73de273
--- /dev/null
+++ b/templates/_partials/page_placeholder.html.twig
@@ -0,0 +1,13 @@
+{# Temporary empty state for pages whose data model isn't built yet. #}
+<div class="d-flex justify-content-between align-items-center mb-3">
+    <h1 class="h3 mb-0">{{ title }}</h1>
+</div>
+
+<div class="card shadow-sm">
+    <div class="card-body text-center py-5">
+        <div class="display-6 mb-2">{{ icon }}</div>
+        <p class="text-body-secondary mb-0">
+            {{ blurb }}
+        </p>
+    </div>
+</div>
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 49cb88a..5de5bc7 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -18,9 +18,32 @@
             <div class="container">
                 <a class="navbar-brand" href="{{ path('app_home') }}">🎲 dmtools</a>
                 {% if app.user %}
-                    <div class="d-flex align-items-center gap-3">
-                        <span class="navbar-text small">{{ app.user.userIdentifier }}</span>
-                        <a class="btn btn-outline-secondary btn-sm" href="{{ path('app_logout') }}">Log out</a>
+                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+                            data-bs-target="#mainnav" aria-controls="mainnav" aria-expanded="false"
+                            aria-label="Toggle navigation">
+                        <span class="navbar-toggler-icon"></span>
+                    </button>
+                    <div class="collapse navbar-collapse" id="mainnav">
+                        {% set route = app.request.attributes.get('_route') %}
+                        {% set nav = [
+                            { route: 'app_home',      label: 'Overview' },
+                            { route: 'app_characters', label: 'Characters' },
+                            { route: 'app_npcs',      label: "NPC's" },
+                            { route: 'app_storyline', label: 'Storyline' },
+                        ] %}
+                        <ul class="navbar-nav me-auto">
+                            {% for item in nav %}
+                                {% set active = route is not null and route starts with item.route %}
+                                <li class="nav-item">
+                                    <a class="nav-link{{ active ? ' active' }}"{{ active ? ' aria-current="page"' }}
+                                       href="{{ path(item.route) }}">{{ item.label }}</a>
+                                </li>
+                            {% endfor %}
+                        </ul>
+                        <div class="d-flex align-items-center gap-3">
+                            <span class="navbar-text small">{{ app.user.userIdentifier }}</span>
+                            <a class="btn btn-outline-secondary btn-sm" href="{{ path('app_logout') }}">Log out</a>
+                        </div>
                     </div>
                 {% endif %}
             </div>
diff --git a/templates/characters/index.html.twig b/templates/characters/index.html.twig
new file mode 100644
index 0000000..94e7fa7
--- /dev/null
+++ b/templates/characters/index.html.twig
@@ -0,0 +1,11 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Characters · dmtools{% endblock %}
+
+{% block body %}
+    {{ include('_partials/page_placeholder.html.twig', {
+        title: 'Characters',
+        icon: '🧝',
+        blurb: 'Player characters will live here — list, sheet details and party overview. Data model to be designed.',
+    }) }}
+{% endblock %}
diff --git a/templates/npc/index.html.twig b/templates/npc/index.html.twig
new file mode 100644
index 0000000..0a08c18
--- /dev/null
+++ b/templates/npc/index.html.twig
@@ -0,0 +1,11 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}NPC's · dmtools{% endblock %}
+
+{% block body %}
+    {{ include('_partials/page_placeholder.html.twig', {
+        title: "NPC's",
+        icon: '🧙',
+        blurb: 'Non-player characters will live here — searchable list with faction, location and notes. Data model to be designed.',
+    }) }}
+{% endblock %}
diff --git a/templates/storyline/index.html.twig b/templates/storyline/index.html.twig
new file mode 100644
index 0000000..1be6bda
--- /dev/null
+++ b/templates/storyline/index.html.twig
@@ -0,0 +1,11 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Storyline · dmtools{% endblock %}
+
+{% block body %}
+    {{ include('_partials/page_placeholder.html.twig', {
+        title: 'Storyline',
+        icon: '📜',
+        blurb: 'The campaign storyline will live here. Shape still to be decided — session log, plot threads, or a wiki-style document.',
+    }) }}
+{% endblock %}