Skip to content

Design: shift to void-dark tokens + maker pill in footer - #7

Open
adamXbot wants to merge 2 commits into
mainfrom
design/tokens-footer-pill
Open

Design: shift to void-dark tokens + maker pill in footer#7
adamXbot wants to merge 2 commits into
mainfrom
design/tokens-footer-pill

Conversation

@adamXbot

Copy link
Copy Markdown
Collaborator

Token shift

Dark palette remapped to the shared void-dark tokens. Light mode, accent green (#30D158), logos, and OG assets are untouched.

Role Before After
Page background #111118 #0B0B12
Raised surface / card #1A1A22 #14141C
Ghost-button surface #1A1A22 #191922
Border #2A2A33 #242430
Ink #E6EDF5 #E8E8F2
Secondary text #CBD5E1 #A0A0B4
Tertiary text #9AA7B8 #6E6E85
Nav scrim / shadow tint rgba(17,17,24,…) rgba(11,11,18,…)

theme-color metas, the 404 page's inline tokens, the redirect splash pre-paint, and the dark ground used inside light mode (--navy-deep) follow the new page background.

Maker pill

A footer credit chip on every footer-bearing page: 26px circular GitHub avatar plus the handle adamxweb, linking to https://github.com/AdamXweb (rel="noopener", labelled for screen readers). Fixed void-dark colours — background #14141C, 1px #242430 border, 999px radius — so it reads identically in both schemes. The CSP img-src on those pages now allows github.com and avatars.githubusercontent.com for the avatar.

Type

Hero h1 moves to the shared scale: clamp(34px, 5vw, 64px), weight 800, letter-spacing -.04em, line-height 1.03, with locale overrides (:lang(zh) keeps weight 700 with no negative tracking and taller leading; :lang(el) runs slightly smaller and looser). Interior headings keep their size and weight; fixed-px letter-spacing converts to the em equivalent at each rule's desktop ceiling, so desktop rendering is unchanged while small viewports stop over-tightening. Inter stays — no font-family or @font-face changes.

🤖 Generated with Claude Code

adamXbot and others added 2 commits August 21, 2026 15:43
Remap the dark palette to the family void tokens (page #0B0B12,
raised #14141C, secondary #191922, border #242430, ink #E8E8F2,
secondary text #A0A0B4, tertiary #6E6E85) and add a footer credit
pill linking to the maker's GitHub profile. Accent hues, light
mode, logos, and OG images are untouched.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Hero h1 moves to the shared scale — clamp(34px, 5vw, 64px), weight
800, letter-spacing -.04em, line-height 1.03. Interior headings keep
their size and weight but convert fixed-px letter-spacing to the em
equivalent computed at each rule's desktop ceiling, so desktop
appearance is preserved and small viewports stop over-tightening.
Inter stays; no font-family or @font-face changes.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@cloudflare-workers-and-pages

Copy link
Copy Markdown
Contributor

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
website-privacykey 0a86ca7 Commit Preview URL

Branch Preview URL
Aug 21 2026, 05:48 AM

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