diff --git a/web/app/templates/jobs/job.html.j2 b/web/app/templates/jobs/job.html.j2
index 635d78a8065424d58e8e67add816740649f21bb1..70cf47362c5a3d51ebe9715a7d66f4c491375535 100644
--- a/web/app/templates/jobs/job.html.j2
+++ b/web/app/templates/jobs/job.html.j2
@@ -1,10 +1,29 @@
 {% extends "nopaque.html.j2" %}
 
-{% set headline = '<i class="left material-icons service" data-service="{service}" style="font-size: inherit;"></i>Job view'.format(service=job.service) %}
+{% set headline = '<i class="left material-icons service" data-service="{service}" style="font-size: inherit;"></i>Job ({service}) - {title}'.format(service=job.service, title=job.title) %}
 
+{% if job.service == 'file-setup' %}
+  {% set main_class = 'file-setup-color lighten' %}
+{% elif job.service == 'nlp' %}
+  {% set main_class = 'nlp-color lighten' %}
+{% elif job.service == 'ocr' %}
+  {% set main_class = 'ocr-color lighten' %}
+{% endif %}
 {% block page_content %}
+
+{% if job.service == 'file-setup' %}
+  {{ Macros.insert_color_scheme(file_setup_color_darken) }}
+  {% set border_color = file_setup_color_darken %}
+{% elif job.service == 'nlp' %}
+  {{ Macros.insert_color_scheme(nlp_color_darken) }}
+  {% set border_color = nlp_color_darken %}
+{% elif job.service == 'ocr' %}
+  {{ Macros.insert_color_scheme(ocr_color_darken) }}
+  {% set border_color = ocr_color_darken %}
+{% endif %}
+
 <div class="col s12">
-  <div class="card">
+  <div class="card" style="border-top: 10px solid {{border_color}}">
     <div class="card-content">
       <div class="row">
         <div class="col s8 m9 l10">