Skip to content

Unify site brand colors - #21

Draft
JFWooten4 wants to merge 1 commit into
mainfrom
unified-site-theme
Draft

Unify site brand colors#21
JFWooten4 wants to merge 1 commit into
mainfrom
unified-site-theme

Conversation

@JFWooten4

Copy link
Copy Markdown
Member

What changed

  • Added brand.css as the canonical source for the BlockTransfer palette.
  • Replaced the purple UI accents with primary blue #144F9B.
  • Added explicit transfer-agent blue, investor green, issuer orange, black, and logo-neutral tokens.
  • Migrated the homepage, contact page, blog, legacy policy styles, beta transfer form, redirect pages, and Jekyll layout to the shared palette.
  • Added restrained semantic card accents for transfer-agent, investor, and issuer content.
  • Corrected two nested compliance pages whose stylesheet paths did not resolve.

Why

The site previously maintained separate color systems in inline homepage/contact styles, the blog stylesheet, and legacy policy CSS. That duplication allowed the presentation to drift and left some pages using retired purple accents.

Impact

The site now uses the logo's neutral foundation with blue as the primary interaction color. Green and orange are reserved for investor and issuer meaning. Future color changes can be made centrally in brand.css.

Validation

  • git diff --check
  • Confirmed all local stylesheet references resolve.
  • Confirmed changed HTML and CSS have balanced structure.
  • Confirmed retired purple values no longer appear in HTML or CSS.
  • Checked core WCAG contrast ratios: body text 11.88:1, links/buttons 6.72:1, investor accent 4.89:1.

@netlify

netlify Bot commented Aug 13, 2026

Copy link
Copy Markdown

Deploy Preview for blocktransfer ready!

Name Link
🔨 Latest commit e789f90
🔍 Latest deploy log https://app.netlify.com/projects/blocktransfer/deploys/6a7e1c9542ee14000765b7f0
😎 Deploy Preview https://deploy-preview-21--blocktransfer.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant