[object Object]

← back to CelebritySignatures

typography unification: Playfair Display headings across murals + upload pages (brand consistency with the grid masthead)

7084e36d8463b19cf27254bd4251ddf9a959b884 · 2026-08-03 12:19:20 -0700 · Steve Abrams

Files touched

Diff

commit 7084e36d8463b19cf27254bd4251ddf9a959b884
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Aug 3 12:19:20 2026 -0700

    typography unification: Playfair Display headings across murals + upload pages (brand consistency with the grid masthead)
---
 public/murals.html           | 8 +++++---
 public/upload-signature.html | 6 ++++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/public/murals.html b/public/murals.html
index 204859d..005536c 100644
--- a/public/murals.html
+++ b/public/murals.html
@@ -4,6 +4,8 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Celebrity Signature Murals — made to order</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
 <style>
   :root{
     --ink:#1a1a1a; --muted:#6b6b6b; --line:#e6e3dc; --bg:#f7f5f0; --card:#fff;
@@ -11,7 +13,7 @@
   }
   *{box-sizing:border-box}
   body{margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
-  h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:.01em}
+  h1,h2,h3{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:.01em}
   a{color:var(--accent)}
   header{padding:24px 30px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:30;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
   header h1{margin:0;font-size:24px}
@@ -25,7 +27,7 @@
   .intro p{color:#3c3c3c;margin:0 0 8px}
   .spec{display:flex;gap:26px;flex-wrap:wrap;margin-top:16px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:12px}
   .spec div{font-size:13px}
-  .spec b{display:block;font-size:18px;font-family:Georgia,serif}
+  .spec b{display:block;font-size:18px;font-family:"Playfair Display",Georgia,serif}
   /* gallery */
   .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px;margin-top:10px}
   .m-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
@@ -37,7 +39,7 @@
   .m-card .facts{display:flex;gap:8px;flex-wrap:wrap;font-size:11.5px;color:#555}
   .pill{padding:3px 10px;border-radius:999px;background:#f0ece3;border:1px solid var(--line)}
   .m-card .foot{display:flex;align-items:center;gap:10px;margin-top:4px}
-  .price{font-family:Georgia,serif;font-size:22px}
+  .price{font-family:"Playfair Display",Georgia,serif;font-size:22px}
   .btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;font-size:14px;padding:9px 16px;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-block}
   .btn.ghost{background:#fff;color:var(--ink)}
   .btn:hover{opacity:.9}
diff --git a/public/upload-signature.html b/public/upload-signature.html
index 64322b2..6b80b70 100644
--- a/public/upload-signature.html
+++ b/public/upload-signature.html
@@ -4,16 +4,18 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Upload Your Signature — Celebrity Signatures</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;1,400&display=swap" rel="stylesheet">
 <style>
   :root { --ink:#1a1a1a; --muted:#6b6b6b; --line:#e6e3dc; --bg:#f7f5f0; --card:#fff; --green:#1d7a36; }
   * { box-sizing:border-box; }
   body { margin:0; font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--bg); }
   header { padding:26px 28px 18px; border-bottom:1px solid var(--line); background:#fff; }
-  h1 { margin:0; font-weight:600; font-size:22px; }
+  h1 { margin:0; font:italic 600 24px/1.2 "Playfair Display", Georgia, serif; }
   h1 a { color:var(--muted); text-decoration:none; font-size:14px; font-weight:400; margin-left:10px; }
   main { max-width:760px; margin:0 auto; padding:28px 20px 80px; }
   .card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:22px 24px; margin-bottom:22px; }
-  .card h2 { margin:0 0 8px; font-size:17px; }
+  .card h2 { margin:0 0 8px; font:600 19px/1.3 "Playfair Display", Georgia, serif; }
   .sub { color:var(--muted); font-size:13.5px; }
   label { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin:14px 0 5px; }
   input[type=text], input[type=email], input[type=password] { width:100%; padding:9px 12px; border:1px solid var(--line); border-radius:8px; font:inherit; }

← 5d38631 collage builder: merge authors.json into the data view (Auth  ·  back to CelebritySignatures  ·  auto-save: 2026-08-03T12:23:59 (5 files) — public/index.html b9facd3 →