diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..7ff4820
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>10-K Viewer</title>
+<style>
+body { font-family: Georgia, serif; font-size: 18px; max-width: 600px; margin: 0 auto; padding: 20px; }
+h1 { font-size: 1.4em; }
+form { margin: 10px 0 20px; }
+input[type="text"] {
+  font-family: Georgia, serif;
+  font-size: 16px;
+  padding: 8px;
+  width: 80%;
+  border: 1px solid #000;
+}
+input[type="submit"] {
+  font-family: Georgia, serif;
+  font-size: 16px;
+  padding: 8px 16px;
+  background: #000;
+  color: #fff;
+  border: none;
+  cursor: pointer;
+}
+ul { list-style: none; padding: 0; }
+li { padding: 8px 0; border-bottom: 1px solid #ccc; }
+a { color: #000; }
+small { color: #555; }
+.count { color: #555; font-size: 0.85em; }
+</style>
+</head>
+<body>
+<h1>10-K Annual Reports</h1>
+<form method="get" action="/">
+  <input type="text" name="q" value="{{ query }}" placeholder="Search ticker or company name...">
+  <input type="submit" value="Search">
+</form>
+{% if query %}
+<p class="count">{{ total }} result{{ 's' if total != 1 else '' }} for "{{ query }}"</p>
+{% endif %}
+<ul>
+{% for t, c in companies.items() %}
+<li><a href="/{{ t }}">{{ t }}</a> &mdash; {{ c.name }}</li>
+{% endfor %}
+</ul>
+</body>
+</html>
