diff --git a/main/templates/main/main_articles_page.html b/main/templates/main/main_articles_page.html
new file mode 100644
index 0000000000000000000000000000000000000000..470fad2457821eb85c04caa07802169acfbce53d
--- /dev/null
+++ b/main/templates/main/main_articles_page.html
@@ -0,0 +1,14 @@
+{% extends "main/base.html" %}
+
+{% block content %}
+  {# nemame design #}
+  <header>
+    <h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-8">{{ page.title }}</h1>
+  </header>
+
+  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
+    {% for a in articles %}
+      {% include "shared/article_preview.html" with article=a %}
+    {% endfor %}
+  </div>
+{% endblock %}