From e789f9083c62f31c0e950927154147b499669f62 Mon Sep 17 00:00:00 2001 From: John Wooten Date: Thu, 13 Aug 2026 15:35:31 -0400 Subject: [PATCH] Unify site brand colors --- _layouts/default.html | 1 + beta/restricted-stock-transfer.html | 14 ++-- blog/blog.css | 23 ++---- brand.css | 72 +++++++++++++++++++ .../institutional-vote-reporting.html | 2 +- compliance/pending-IL/monthly-public-log.html | 3 +- compliance/tad3/pending.html | 1 + compliance/team/pending.html | 1 + contact.html | 32 +++------ index.html | 44 +++++------- style.css | 16 +++-- 11 files changed, 127 insertions(+), 82 deletions(-) create mode 100644 brand.css diff --git a/_layouts/default.html b/_layouts/default.html index ded9cfc..425a680 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -7,6 +7,7 @@ {% seo %} + {% include head-custom.html %} diff --git a/beta/restricted-stock-transfer.html b/beta/restricted-stock-transfer.html index 21c0fbc..bb879fd 100644 --- a/beta/restricted-stock-transfer.html +++ b/beta/restricted-stock-transfer.html @@ -15,7 +15,7 @@ max-width: 550px; text-align: center; padding: 20px; - border: 1px solid #ccc; + border: 1px solid var(--border); border-radius: 25px; } h1 { @@ -36,7 +36,7 @@ padding: 10px; margin-top: 5px; border-radius: 15px; - border: 1px solid #ccc; + border: 1px solid var(--border); text-align: center; } select { @@ -57,22 +57,22 @@ font-size: 22px; } option:checked { - background-color: #AC51FF; - color: white; + background-color: var(--accent); + color: var(--on-accent); } button { width: 40%; - color: #fff; + color: var(--on-accent); font-size: 22px; margin-top: 25px; font-weight: bold; - background-color: #AC51FF; + background-color: var(--accent); } #xfer-conf.show { display: block; } .error { - color: red; + color: var(--danger); font-size: 18px; margin-top: 5px; font-weight: bold; diff --git a/blog/blog.css b/blog/blog.css index f8afda1..94faa87 100644 --- a/blog/blog.css +++ b/blog/blog.css @@ -1,13 +1,4 @@ -:root { - --bg: #f4efe5; - --paper: #fffdf8; - --ink: #1e1a16; - --muted: #6b6257; - --line: #d8cdbf; - --accent: #0b5fff; - --accent-soft: #e3edff; - --shadow: 0 18px 48px rgba(38, 28, 16, 0.12); -} +@import url("../brand.css"); * { box-sizing: border-box; @@ -15,8 +6,8 @@ html { background: - radial-gradient(circle at top left, rgba(255, 255, 255, 0.8), transparent 32rem), - linear-gradient(180deg, #f9f4eb 0%, #f0e7da 100%); + radial-gradient(circle at top left, var(--surface-sheen), transparent 32rem), + linear-gradient(180deg, var(--brand-neutral-light) 0%, var(--brand-neutral-mid) 100%); } body { @@ -96,7 +87,7 @@ img { .post-listing, .redirect-shell { background: var(--paper); - border: 1px solid rgba(112, 92, 70, 0.18); + border: 1px solid var(--border); border-radius: 1.5rem; box-shadow: var(--shadow); } @@ -176,7 +167,7 @@ img { margin: 1.5rem 0; overflow: hidden; border-radius: 1rem; - background: #efe6d7; + background: var(--surface-alt); border: 1px solid var(--line); } @@ -196,7 +187,7 @@ img { .post-meta-group { padding: 1rem 1.1rem; border-radius: 1rem; - background: #f7f1e8; + background: var(--surface-alt); border: 1px solid var(--line); } @@ -217,7 +208,7 @@ img { .chip-list li { padding: 0.35rem 0.65rem; border-radius: 999px; - background: #fff; + background: var(--surface); border: 1px solid var(--line); font-size: 0.9rem; } diff --git a/brand.css b/brand.css new file mode 100644 index 0000000..46d6b1c --- /dev/null +++ b/brand.css @@ -0,0 +1,72 @@ +:root { + color-scheme: light; + + /* Core brand colors */ + --brand-blue: #144f9b; + --brand-black: #2b2b2b; + --brand-blue-alt: #104c85; + --brand-investor: #2e732e; + --brand-issuer: #e26848; + + /* Logo neutrals */ + --brand-neutral-light: #ebebec; + --brand-neutral-mid: #b1b2b5; + --brand-neutral-dark: #393937; + + /* Shared interface roles */ + --bg: var(--brand-neutral-light); + --surface: #ffffff; + --surface-alt: rgba(177, 178, 181, 0.34); + --card: rgba(255, 255, 255, 0.72); + --border: rgba(57, 57, 55, 0.22); + --border-strong: rgba(57, 57, 55, 0.48); + --text: var(--brand-black); + --muted: var(--brand-neutral-dark); + --accent: var(--brand-blue); + --accent-hover: var(--brand-blue-alt); + --accent-soft: rgba(20, 79, 155, 0.12); + --accent-glow: rgba(20, 79, 155, 0.18); + --surface-sheen: rgba(255, 255, 255, 0.8); + --investor: var(--brand-investor); + --issuer: var(--brand-issuer); + --danger: #9b2424; + --on-accent: var(--brand-neutral-light); + --shadow: 0 18px 48px rgba(43, 43, 43, 0.12); + --shadow-accent: 0 12px 55px rgba(20, 79, 155, 0.24); + + /* Compatibility aliases for the blog and legacy pages */ + --paper: var(--surface); + --ink: var(--text); + --line: var(--brand-neutral-mid); + --success: var(--investor); +} + +a { + color: var(--accent); +} + +a:hover { + color: var(--accent-hover); +} + +a:focus-visible { + outline: 3px solid var(--accent); + outline-offset: 3px; +} + +::selection { + color: var(--on-accent); + background: var(--accent); +} + +.brand-accent--agent { + border-top: 3px solid var(--brand-blue-alt); +} + +.brand-accent--investor { + border-top: 3px solid var(--investor); +} + +.brand-accent--issuer { + border-top: 3px solid var(--issuer); +} diff --git a/compliance/pending-IL/institutional-vote-reporting.html b/compliance/pending-IL/institutional-vote-reporting.html index c29b3c0..f5a5077 100644 --- a/compliance/pending-IL/institutional-vote-reporting.html +++ b/compliance/pending-IL/institutional-vote-reporting.html @@ -2,7 +2,7 @@ Institutional Vote Reporting - +

Institutional Vote Reporting

diff --git a/compliance/pending-IL/monthly-public-log.html b/compliance/pending-IL/monthly-public-log.html index aaf44fe..1aee813 100644 --- a/compliance/pending-IL/monthly-public-log.html +++ b/compliance/pending-IL/monthly-public-log.html @@ -2,7 +2,7 @@ Proof of Depoist Reserves - +

Reserve Statements for BlockTransfer Dollars

@@ -83,4 +83,3 @@

BlockTransfer currently maintains all deposits in segregated demand deposit - diff --git a/compliance/tad3/pending.html b/compliance/tad3/pending.html index f4cec44..18638bb 100644 --- a/compliance/tad3/pending.html +++ b/compliance/tad3/pending.html @@ -3,6 +3,7 @@ Page Redirects +

Coming Soon

diff --git a/compliance/team/pending.html b/compliance/team/pending.html index f4cec44..18638bb 100644 --- a/compliance/team/pending.html +++ b/compliance/team/pending.html @@ -3,6 +3,7 @@ Page Redirects +

Coming Soon

diff --git a/contact.html b/contact.html index 0cf3b2a..e774096 100644 --- a/contact.html +++ b/contact.html @@ -5,36 +5,22 @@ Contact BlockTransfer +