Skip to content

Header brand: kill amber dash, stronger wordmark - #6

Merged
makefunstuff merged 1 commit into
mainfrom
design/site-header-brand-v2
Sep 20, 2026
Merged

makefunstuff merged 1 commit into
mainfrom
design/site-header-brand-v2

Conversation

@makefunstuff

Copy link
Copy Markdown
Owner

Summary

Follow-up to the header redesign. Juri still saw an amber dash between jev-lsp and WIP (meh). This hard-kills any brand tick/separator and makes the mark read as wordmark + quiet chip — not name · dash · badge.

Changes (site/styles.css only)

  • Explicitly neutralize ::before / ::after on .brand, .wordmark, and .wip (no accent bar can return)
  • Wordmark: 800 / 1.15rem, no underline/decoration bleed from global a styles
  • WIP: quieter border (--line), slightly smaller type, no accent affordance
  • Brand gap only — no separator glyph or bar between mark and chip

Note

Live Pages may have been caching; main already lacked the old .wordmark::after paint rule, but the brand still needed a stronger “no chrome” guarantee + hierarchy bump.

Test plan

  • Hard-refresh https://makefunstuff.github.io/jev-lsp/ after merge — no amber dash/bar between wordmark and WIP
  • Wordmark clearly heavier than nav; WIP reads as a quiet sibling chip
  • Hover/focus on wordmark: no amber underline flash

Do not merge until reviewed.

@makefunstuff
makefunstuff merged commit 77c7a66 into main Sep 20, 2026
2 of 3 checks passed
@makefunstuff
makefunstuff deleted the design/site-header-brand-v2 branch September 20, 2026 10:51
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