3 files changed, 16 insertions, 2 deletions

diff --git a/assets/css/components/_page-header.scss b/assets/css/components/_hero.scss
index e97aaf7..7fa79e1 100644
--- a/assets/css/components/_page-header.scss
+++ b/assets/css/components/_hero.scss
@@ -1,4 +1,4 @@
-.c-page-header {
+.c-hero {
     margin-bottom: $line-height * 2em;
     margin-left: -1 * $page--item-prefix--width;
     padding-left: $page--item-prefix--width;
diff --git a/assets/css/components/_page.scss b/assets/css/components/_page.scss
index bccf069..ce67f7e 100644
--- a/assets/css/components/_page.scss
+++ b/assets/css/components/_page.scss
@@ -1,4 +1,18 @@
 .c-page {
+    &__header {
+        margin-bottom: $line-height * 1em;
+
+        &__title {
+            margin-top: 0;
+        }
+
+        &__meta {
+            margin-top: 0;
+            color: var(--fg-hi);
+            font-weight: normal;
+        }
+    }
+
     &__content {
         padding-left: $page--item-prefix--width;
 
diff --git a/assets/css/style.scss b/assets/css/style.scss
index e89cbd6..9f3bb31 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -6,7 +6,7 @@
 @import 'components/hlist';
 @import 'components/nav';
 @import 'components/page';
-@import 'components/page-header';
+@import 'components/hero';
 
 @import 'layouts/container';