Skip to content

Unify site brand colors #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
JFWooten4 wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Unify site brand colors #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions _layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@

{% seo %}
<link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
<link rel="stylesheet" href="{{ "/brand.css?v=" | append: site.github.build_revision | relative_url }}">
{% include head-custom.html %}
</head>
<body>
Expand Down
14 changes: 7 additions & 7 deletions beta/restricted-stock-transfer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand All @@ -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 {
Expand All @@ -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;
Expand Down
23 changes: 7 additions & 16 deletions blog/blog.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,13 @@
: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;
}

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 {
Expand Down Expand Up @@ -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);
}
Expand Down Expand Up @@ -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);
}

Expand All @@ -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);
}

Expand All @@ -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;
}
Expand Down
72 changes: 72 additions & 0 deletions brand.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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);
}
2 changes: 1 addition & 1 deletion compliance/pending-IL/institutional-vote-reporting.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<head>
<title>Institutional Vote Reporting</title>
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="../../style.css">
</head>
<body class="conditions">
<h2>Institutional Vote Reporting</h2>
Expand Down
3 changes: 1 addition & 2 deletions compliance/pending-IL/monthly-public-log.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<head>
<title>Proof of Depoist Reserves</title>
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="../../style.css">
</head>
<body class="conditions">
<h2>Reserve Statements for BlockTransfer Dollars</h2>
Expand Down Expand Up @@ -83,4 +83,3 @@ <h3>BlockTransfer currently maintains all deposits in segregated demand deposit




1 change: 1 addition & 0 deletions compliance/tad3/pending.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
<head>
<title>Page Redirects</title>
<meta http-equiv="refresh" content="5; url=https://www.blocktransfer.com">
<link rel="stylesheet" type="text/css" href="../../style.css">
</head>
<body class="conditions">
<h2>Coming Soon</h2>
Expand Down
1 change: 1 addition & 0 deletions compliance/team/pending.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
<head>
<title>Page Redirects</title>
<meta http-equiv="refresh" content="5; url=https://www.blocktransfer.com">
<link rel="stylesheet" type="text/css" href="../../style.css">
</head>
<body class="conditions">
<h2>Coming Soon</h2>
Expand Down
32 changes: 9 additions & 23 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,36 +5,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact BlockTransfer</title>
<meta name="description" content="Contact BlockTransfer for investor support, community resources, open-source development, or correspondence by phone and mail.">
<link rel="stylesheet" href="brand.css">
<style>
:root {
--bg: #05060a;
--surface: #10131d;
--surface-alt: #181c27;
--card: rgba(255, 255, 255, 0.04);
--border: rgba(255, 255, 255, 0.09);
--text: #f4f5f9;
--muted: #a3adc4;
--accent: #8a5cff;
--accent-hover: #a985ff;
--success: #3de0c3;
}

* { box-sizing: border-box; }

html { color-scheme: dark; }

body {
margin: 0;
min-height: 100vh;
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
color: var(--text);
background: radial-gradient(circle at top, rgba(138, 92, 255, 0.28), transparent 48%), var(--bg);
background: radial-gradient(circle at top, var(--accent-glow), transparent 48%), var(--bg);
line-height: 1.6;
}

a { color: var(--accent-hover); text-decoration: none; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 3px solid var(--success); outline-offset: 4px; }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }

.container {
width: min(1040px, 100%);
Expand Down Expand Up @@ -78,7 +64,7 @@

.eyebrow {
margin: 0 0 12px;
color: var(--success);
color: var(--accent);
font-size: 0.88rem;
font-weight: 700;
letter-spacing: 0.14em;
Expand Down Expand Up @@ -166,7 +152,7 @@
.security-note {
margin-top: 18px;
padding: 20px 24px;
border-left: 3px solid var(--success);
border-left: 3px solid var(--accent);
border-radius: 8px 18px 18px 8px;
background: var(--surface);
color: var(--muted);
Expand Down Expand Up @@ -210,21 +196,21 @@ <h1 id="page-title">Find what you need.</h1>
</section>

<section class="contact-grid" aria-label="Contact and community resources">
<article class="contact-card" id="email-support">
<article class="contact-card brand-accent--investor" id="email-support">
<p class="contact-card__label">Accounts &amp; investors</p>
<h2>Investor support</h2>
<p>For account access, holdings, transfers, issuer services, or general product questions.</p>
<a class="contact-link" href="mailto:support@blocktransfer.com">support@blocktransfer.com</a>
</article>

<article class="contact-card">
<article class="contact-card brand-accent--investor">
<p class="contact-card__label">WhyDRS</p>
<h2>Governance community</h2>
<p>Connect with the WhyDRS investor community and find their Discord and educational resources.</p>
<a class="contact-link" href="https://www.whydrs.org/">Visit WhyDRS</a>
</article>

<article class="contact-card">
<article class="contact-card brand-accent--agent">
<p class="contact-card__label">Open-source work</p>
<h2>Development</h2>
<p>For technical collaboration, APIs, reference implementations, or development opportunities.</p>
Expand Down
Loading