diff --git a/R/reporter.R b/R/reporter.R
index d33e41d..5c0b4de 100644
--- a/R/reporter.R
+++ b/R/reporter.R
@@ -66,7 +66,7 @@ package_report <- function(
 
     v <- quarto::quarto_version()
     if (v < package_version("1.7.13")) {
-      warning("Please install the latest (devel) version of Quarto")
+      warning("Please install the latest version of Quarto")
     }
 
     if (is.null(params$source)) warning("Please provide the source of the package assessment")
diff --git a/inst/report/package/custom.scss b/inst/report/package/custom.scss
index 9313a3c..b1c2ccb 100644
--- a/inst/report/package/custom.scss
+++ b/inst/report/package/custom.scss
@@ -1,13 +1,7 @@
 /*-- scss:defaults --*/
-$link-color: #4697d2 !default;
-$card-color: #2a424e;
-$card-header-color: #cdcdcd;
-$foldable-color: #0f0f0f;
 
+$brand-link-active: white !default;
 $code-color: var(--bs-body-color) !default;
-$code-bg: $card-color !default;
-$btn-code-copy-color: $link-color !default;
-$btn-code-copy-color-active: white !default;
 
 /*-- scss:rules --*/
 
@@ -21,7 +15,7 @@ $btn-code-copy-color-active: white !default;
     gap: 1rem;
     box-shadow: 0px 5px 75px var(--bs-black);
     align-items: center;
-   
+
     .btn {
         margin-top: 5px;
     }
@@ -34,7 +28,7 @@ $btn-code-copy-color-active: white !default;
 }
 
 .card {
-    background-color: $card-color;
+    background-color: $brand-card;
     border-radius: 15px;
     padding-bottom: 10px;
     margin-bottom: 0.5em;
@@ -44,11 +38,11 @@ $btn-code-copy-color-active: white !default;
         gap: 1em;
         border-bottom: unset;
         background-color: unset;
-        color: $card-header-color;
+        color: $brand-header;
         margin-left: 5px;
 
         i {
-            color: $link-color;
+            color: $brand-link;
             padding-top: 0.15em;
             font-size: 27px;
         }
@@ -59,7 +53,7 @@ $btn-code-copy-color-active: white !default;
     }
 
     .card-text {
-        color: $card-header-color;
+        color: $brand-header;
         padding-left: 1em;
     }
 
@@ -111,29 +105,29 @@ $btn-code-copy-color-active: white !default;
 }
 
 .metrics-table {
-    color: $card-header-color;
-    border-color: $card-header-color;
+    color: $brand-header;
+    border-color: $brand-header;
     background-color: var(--bs-body-bg) !important;
 
     .rt-expander::after {
-        border-top: 7px solid $card-header-color;
+        border-top: 7px solid $brand-header;
     }
 }
 
 
 details > summary {
-    color: $card-header-color;
-    background-color: $foldable-color;
+    color: $brand-header;
+    background-color: $brand-foldable;
     padding: 10px 1rem 10px 1rem;
-    border-bottom: 2px solid $link-color;
+    border-bottom: 2px solid $brand-link;
     border-radius: 10px 10px 0px 0px;
     font-weight: bold;
     font-size: medium;
 }
 
 pre.details {
-    color: $link-color;
-    background-color: $foldable-color;
+    color: $brand-link;
+    background-color: $brand-foldable;
     border-radius: 0px;
     padding: 10px 1rem 10px 1rem;
 
diff --git a/inst/report/package/pkg_template.qmd b/inst/report/package/pkg_template.qmd
index a4151e9..701d923 100644
--- a/inst/report/package/pkg_template.qmd
+++ b/inst/report/package/pkg_template.qmd
@@ -1,8 +1,8 @@
 ---
-title: "This report is fully automated and builds on [`r params$image`](`r paste('https://hub.docker.com/r', params$image, sep = '/')`) image."
-date-format: "YYYY-MM-DD hh:mm:ss"
-date: today
-published-title: ""
+title: "Validation Report - `r params$package_name` @ `r params$package_version`"
+subtitle: "This report is fully automated and builds on [`r params$image`](`r paste('https://hub.docker.com/r', params$image, sep = '/')`) image."
+date-format: "YYYY-MM-DD HH:mm:ss ZZ"
+date: now
 params:
   package_name: dplyr
   package_version: 1.0.0
@@ -15,8 +15,15 @@ format:
   html: 
     toc: true  
     embed-resources: true
-    include-in-header: "top_page.html"
-    include-after-body: "transform_pre_class.html"
+    include-in-header:
+      text: |
+        <div class = "top-page">
+        <img src="{{< brand logo small >}}" alt="R Validation hub Logo">
+        <button type="button" class="btn"><span class="bi-chevron-left"></span>&nbsp;Back</button>
+        <span class="title">Validation Report {{< meta params.package_name >}} </span>
+        </div>
+    include-after-body:
+      - bottom_page.html
     theme: 
       dark: [darkly, custom.scss]
       light: [default, custom.scss, custom_light.scss]