diff --git a/assets/branding/favicon.svg b/assets/branding/favicon.svg
new file mode 100644
index 0000000..846d783
--- /dev/null
+++ b/assets/branding/favicon.svg
@@ -0,0 +1,18 @@
+
diff --git a/assets/branding/logo-mark.svg b/assets/branding/logo-mark.svg
new file mode 100644
index 0000000..5b5c4c4
--- /dev/null
+++ b/assets/branding/logo-mark.svg
@@ -0,0 +1,18 @@
+
diff --git a/assets/css/app.css b/assets/css/app.css
index f555f29..637bb62 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -194,11 +194,14 @@ button {
display: grid;
place-items: center;
border-radius: 18px;
- background: linear-gradient(180deg, rgba(146, 232, 255, 0.9), rgba(95, 181, 255, 0.55));
- color: #032338;
- font-size: 1.25rem;
- font-weight: 800;
- box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35);
+ overflow: hidden;
+ box-shadow: 0 10px 24px rgba(9, 25, 40, 0.22);
+}
+
+.brand-mark img {
+ width: 100%;
+ height: 100%;
+ display: block;
}
.brand-block h1,
diff --git a/templates/layout.php b/templates/layout.php
index a0682fc..6edea45 100644
--- a/templates/layout.php
+++ b/templates/layout.php
@@ -17,7 +17,10 @@ $brandSubtitle = match ($page) {
+
<?= e($pageTitle) ?> ยท Mood
+
+
@@ -28,7 +31,9 @@ $brandSubtitle = match ($page) {