diff --git a/.story_kit/work/1_upcoming/198_story_distinguish_work_item_types_in_web_ui.md b/.story_kit/work/1_upcoming/198_story_distinguish_work_item_types_in_web_ui.md
new file mode 100644
index 0000000..a1dc0e9
--- /dev/null
+++ b/.story_kit/work/1_upcoming/198_story_distinguish_work_item_types_in_web_ui.md
@@ -0,0 +1,19 @@
+---
+name: "Distinguish work item types in web UI"
+---
+
+# Story 198: Distinguish work item types in web UI
+
+## User Story
+
+As a project operator using the web UI, I want to visually distinguish between stories, bugs, and spikes in the pipeline board, so that I can quickly scan the board and understand what type of work is in each lane.
+
+## Acceptance Criteria
+
+- [ ] Work items display a visual indicator (e.g. icon, badge, or color) distinguishing stories, bugs, and spikes
+- [ ] The item type is derived from the filename prefix/convention (e.g. `story_`, `bug_`, `spike_`)
+- [ ] The type indicator is visible in all pipeline columns (upcoming, current, QA, merge, done)
+
+## Out of Scope
+
+- TBD