diff --git a/layouts/partials/keyword.html b/layouts/partials/keyword.html
new file mode 100644
index 00000000..9a5bbd6d
--- /dev/null
+++ b/layouts/partials/keyword.html
@@ -0,0 +1,9 @@
+<span style="margin-top: 0.5rem" class="mr-2">
+  <span class="flex">
+    <span
+      class="rounded-full bg-primary-500 dark:bg-primary-300 text-neutral-50 dark:text-neutral-700 px-1 py-[1px] text-xs font-normal"
+    >
+      {{ . }}
+    </span>
+  </span>
+</span>
diff --git a/layouts/shortcodes/keyword.html b/layouts/shortcodes/keyword.html
new file mode 100644
index 00000000..0453a36c
--- /dev/null
+++ b/layouts/shortcodes/keyword.html
@@ -0,0 +1 @@
+{{ partial "keyword.html" .Inner }}
diff --git a/layouts/shortcodes/keywordList.html b/layouts/shortcodes/keywordList.html
new file mode 100644
index 00000000..ae87a068
--- /dev/null
+++ b/layouts/shortcodes/keywordList.html
@@ -0,0 +1 @@
+<div class="flex flex-row flex-wrap items-center">{{- .Inner -}}</div>