diff --git a/generate/templates/Tags.tsx b/generate/templates/Tags.tsx
index a3bffb8..3c47cd0 100644
--- a/generate/templates/Tags.tsx
+++ b/generate/templates/Tags.tsx
@@ -10,6 +10,30 @@ export default function Tags({ tags }: { tags: string[] }) {
         >
           all
         </button>
+        <button
+          className="bg-gray-800 rounded-lg px-4 py-1 text-sm"
+          key="all"
+          data-type="tag"
+          data-tag="portrait"
+        >
+          portrait
+        </button>
+        <button
+          className="bg-gray-800 rounded-lg px-4 py-1 text-sm"
+          key="all"
+          data-type="tag"
+          data-tag="landscape"
+        >
+          landscape
+        </button>
+        <button
+          className="bg-gray-800 rounded-lg px-4 py-1 text-sm"
+          key="all"
+          data-type="tag"
+          data-tag="square"
+        >
+          square
+        </button>
         {tags.map((tag) => (
           <button
             className="bg-gray-800 rounded-lg px-4 py-1 text-sm hidden"
diff --git a/generate/templates/YearPhotos.tsx b/generate/templates/YearPhotos.tsx
index 6f510ff..ae1e87b 100644
--- a/generate/templates/YearPhotos.tsx
+++ b/generate/templates/YearPhotos.tsx
@@ -24,6 +24,8 @@ export default function YearPhotos({ year, images }: YearPhotosProps) {
           const fmtDate = `${date.getDate()}/${(date.getMonth() + 1)
             .toString()
             .padStart(2, "0")}/${date.getFullYear()}`;
+          aspectRatio < 0.95 ? image.tags.push("portrait") : aspectRatio > 1.05 ? image.tags.push("landscape") : image.tags.push("square");
+
           return (
             <a
               href={image.image}