diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index 00446061f9..1450809c00 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -481,14 +481,14 @@
     }
   }
 
-  .top-image-cards {
-    .top-image-card {
+  .template-cards {
+    .template-card {
       > img.img-responsive {
         width: 100%;
         border-radius: 8px;
       }
 
-      .top-image-card-title {
+      .template-card-title {
         font-size: 24px;
         margin-top: 16px;
         margin-bottom: 8px;
@@ -508,7 +508,7 @@
         }
       }
 
-      .top-image-card-text {
+      .template-card-text {
         font-size: 16px;
       }
 
diff --git a/services/web/public/img/website-redesign/template-journal.svg b/services/web/public/img/website-redesign/template-journal.svg
new file mode 100644
index 0000000000..2652f29ee9
--- /dev/null
+++ b/services/web/public/img/website-redesign/template-journal.svg
@@ -0,0 +1,11 @@
+<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.697266" width="384" height="240" rx="8" fill="#F1A4A1"/>
+<rect x="195" y="86.6973" width="111" height="22" rx="10" fill="#DADBEB"/>
+<rect x="195" y="120.697" width="111" height="22" rx="10" fill="#F9D880"/>
+<rect x="195" y="155.697" width="111" height="63" rx="10" fill="#DADBEB"/>
+<rect x="78" y="86.6973" width="111" height="22" rx="10" fill="#F9D880"/>
+<rect x="136" y="55.6973" width="111" height="22" rx="10" fill="#F9D880"/>
+<rect x="78" y="23.6973" width="228" height="22" rx="10" fill="#F9D880"/>
+<rect x="78" y="120.697" width="111" height="63" rx="10" fill="#DADBEB"/>
+<rect x="78" y="196.697" width="111" height="22" rx="10" fill="#F9D880"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/template-presentation.svg b/services/web/public/img/website-redesign/template-presentation.svg
new file mode 100644
index 0000000000..1a55f60123
--- /dev/null
+++ b/services/web/public/img/website-redesign/template-presentation.svg
@@ -0,0 +1,5 @@
+<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.697266" width="384" height="240" rx="8" fill="#C0A2CA"/>
+<rect x="67" y="18.6973" width="249" height="163" rx="10" fill="#80CB9C"/>
+<rect x="137" y="189.697" width="109" height="33" rx="10" fill="#F9D880"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/template-report.svg b/services/web/public/img/website-redesign/template-report.svg
new file mode 100644
index 0000000000..d43cea4332
--- /dev/null
+++ b/services/web/public/img/website-redesign/template-report.svg
@@ -0,0 +1,8 @@
+<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.697266" width="384" height="240" rx="8" fill="#DADBEB"/>
+<rect x="119" y="10.6973" width="239" height="220" rx="10" fill="#F9D880"/>
+<rect x="85" y="57.6973" width="231" height="48" rx="10" fill="#80CB9C"/>
+<rect x="85" y="113.697" width="231" height="18" rx="9" fill="#80CB9C"/>
+<rect x="195" y="139.697" width="121" height="18" rx="9" fill="#80CB9C"/>
+<rect x="195" y="167.697" width="121" height="18" rx="9" fill="#80CB9C"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/template-resume.svg b/services/web/public/img/website-redesign/template-resume.svg
new file mode 100644
index 0000000000..5e8c7e274e
--- /dev/null
+++ b/services/web/public/img/website-redesign/template-resume.svg
@@ -0,0 +1,13 @@
+<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3314_10407)">
+<rect y="0.21875" width="384" height="240" rx="8" fill="#80CB9C"/>
+<rect x="18" y="18.2188" width="348" height="122" rx="10" fill="#DADBEB"/>
+<rect x="18" y="150.219" width="111" height="117" rx="10" fill="#F1A4A1"/>
+<rect x="139" y="150.219" width="227" height="117" rx="10" fill="#F9D880"/>
+</g>
+<defs>
+<clipPath id="clip0_3314_10407">
+<rect y="0.21875" width="384" height="240" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/template-theses.svg b/services/web/public/img/website-redesign/template-theses.svg
new file mode 100644
index 0000000000..9dfaf57139
--- /dev/null
+++ b/services/web/public/img/website-redesign/template-theses.svg
@@ -0,0 +1,17 @@
+<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3314_10388)">
+<rect y="0.21875" width="384" height="240" rx="8" fill="#F9D880"/>
+<rect x="60" y="226.219" width="1033" height="31" fill="#80CB9C"/>
+<rect x="20" y="186.219" width="1032" height="30" fill="#F1A4A1"/>
+<rect x="121" y="145.219" width="1032" height="31" fill="#DADBEB"/>
+<rect x="60" y="105.219" width="1033" height="31" fill="#F1A4A1"/>
+<rect x="81" y="65.2188" width="1032" height="31" fill="#80CB9C"/>
+<rect x="40" y="25.2188" width="1032" height="30" fill="#DADBEB"/>
+<rect x="101" y="-15.7812" width="1032" height="31" fill="#F1A4A1"/>
+</g>
+<defs>
+<clipPath id="clip0_3314_10388">
+<rect y="0.21875" width="384" height="240" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>