diff --git a/assets/css/custom.css b/assets/css/custom.css
index a471ae7..4d7b261 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -314,6 +314,47 @@ blockquote.alert::before{
     background-color: var(--bkg-color) !important;
 }
 
+/* Tags terms page styling */
+.tags-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    margin-top: 2rem;
+
+    .tag-card {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.8rem;
+        padding: 0.6rem 1rem;
+        border-radius: 8px;
+        background-color: white;
+        box-shadow: 0 1px 3px var(--sidebar-bg-color);
+        border: 1px solid var(--sidebar-bg-color);
+        text-decoration: none;
+        transition: transform 0.2s ease, box-shadow 0.2s ease;
+    }
+
+    .tag-card:hover {
+        text-decoration: none;
+        transform: translateY(-2px);
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    }
+
+    .tag-name {
+        font-weight: bold;
+        color: var(--post-title-color);
+    }
+
+    .tag-count {
+        background-color: var(--sidebar-bg-color);
+        color: white;
+        padding: 0.2rem 0.6rem;
+        border-radius: 12px;
+        font-size: 0.8rem;
+        font-weight: bold;
+    }
+}
+
 .images-grid-2 {
     display: grid;
     grid-template-columns: 1fr 1fr;
diff --git a/layouts/tags/taxomomy.html b/layouts/tags/taxomomy.html
new file mode 100644
index 0000000..f3b79aa
--- /dev/null
+++ b/layouts/tags/taxomomy.html
@@ -0,0 +1,11 @@
+{{ define "main" -}}
+<h1 class="title">{{ .Title }}</h1>
+<div class="tags-container">
+    {{ range .Data.Terms.Alphabetical }}
+    <a href="{{ .Page.RelPermalink }}" class="tag-card">
+        <span class="tag-name">{{ .Page.Title | default .Term }}</span>
+        <span class="tag-count">{{ .Count }}</span>
+    </a>
+    {{ end }}
+</div>
+{{- end }}
diff --git a/layouts/tags/term.html b/layouts/tags/term.html
new file mode 100644
index 0000000..996b2dd
--- /dev/null
+++ b/layouts/tags/term.html
@@ -0,0 +1,19 @@
+{{ define "main" -}}
+<h1 class="title">{{ .Title }}</h1>
+{{ with .Description }}<p>{{ . }}</p>{{ end }}
+<ul class="entries">
+    {{ range .Pages.GroupByDate "2006" }}
+    <h3>{{ .Key }}</h3>
+    {{ range .Pages }}
+    <li>
+                <span class="title">
+                    <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+                </span>
+        <span class="published">
+                    <time class="pull-right post-list">{{ .Date | time.Format ":date_long" }}</time>
+                </span>
+    </li>
+    {{ end }}
+    {{ end }}
+</ul>
+{{- end }}