diff --git a/links/templates/links/link_detail.html b/links/templates/links/link_detail.html
index f60f7a0..273e2ef 100644
--- a/links/templates/links/link_detail.html
+++ b/links/templates/links/link_detail.html
@@ -8,7 +8,11 @@
         <div class="px-4 py-5 sm:px-6 bg-gray-50 border-b border-gray-200 flex items-center justify-between">
             <h1 class="text-2xl font-bold text-gray-900 flex items-center">
                 {% trans "Link Details" %}
-                {% if link.link_type == 'LINK' %}
+                {% if '{' in link.original_url and '}' in link.original_url %}
+                    <span class="ml-2 bg-purple-100 text-purple-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full flex items-center">
+                        <i class="fas fa-magic mr-1"></i>{% trans "Template" %}
+                    </span>
+                {% elif link.link_type == 'LINK' %}
                     <span class="ml-2 bg-blue-100 text-blue-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full flex items-center">
                         <i class="fas fa-link mr-1"></i>{% trans "Link" %}
                     </span>
diff --git a/links/templates/links/link_list.html b/links/templates/links/link_list.html
index a373c5e..a6bba24 100644
--- a/links/templates/links/link_list.html
+++ b/links/templates/links/link_list.html
@@ -105,10 +105,15 @@
                 </td>
                 <td class="px-3 py-2 sm:px-6 sm:py-4 whitespace-nowrap hidden sm:table-cell">
                   <span class="inline-flex items-center">
-                    {% if link.link_type == 'LINK' %}
+                    {% if '{' in link.original_url and '}' in link.original_url %}
+                      <i class="fas fa-magic text-purple-500"></i>
+                      <span class="ml-2 text-sm text-purple-600">Template</span>
+                    {% elif link.link_type == 'LINK' %}
                       <i class="fas fa-link text-blue-500"></i>
+                      <span class="ml-2 text-sm text-blue-600">Link</span>
                     {% else %}
                       <i class="fas fa-code text-green-500"></i>
+                      <span class="ml-2 text-sm text-green-600">Custom</span>
                     {% endif %}
                   </span>
                 </td>
diff --git a/new_theme/static/css/dist/styles.css b/new_theme/static/css/dist/styles.css
index 501797d..04d2eba 100644
--- a/new_theme/static/css/dist/styles.css
+++ b/new_theme/static/css/dist/styles.css
@@ -1209,6 +1209,11 @@ video {
   background-color: rgb(147 51 234 / var(--tw-bg-opacity));
 }
 
+.bg-purple-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
+}
+
 .p-2 {
   padding: 0.5rem;
 }
@@ -1491,6 +1496,21 @@ video {
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
+.text-purple-500 {
+  --tw-text-opacity: 1;
+  color: rgb(168 85 247 / var(--tw-text-opacity));
+}
+
+.text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgb(147 51 234 / var(--tw-text-opacity));
+}
+
+.text-purple-800 {
+  --tw-text-opacity: 1;
+  color: rgb(107 33 168 / var(--tw-text-opacity));
+}
+
 .underline {
   text-decoration-line: underline;
 }
@@ -1523,6 +1543,20 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.ring-1 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-inset {
+  --tw-ring-inset: inset;
+}
+
+.ring-blue-700\/10 {
+  --tw-ring-color: rgb(29 78 216 / 0.1);
+}
+
 .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);