Skip to content

Restyle the site in the Xhibiter Home 2 look - #170

Merged
davidtaing merged 1 commit into
mainfrom
xhibiter-restyle
Oct 11, 2026
Merged

davidtaing merged 1 commit into
mainfrom
xhibiter-restyle

Conversation

@engramar

Copy link
Copy Markdown
Member

Summary

  • The design tokens in globals.css now carry the Xhibiter "Home 2" palette — violet accent #8358FF, jacarta navy text, Cal Sans for display and DM Sans for body — so every page follows from the token swap rather than per-component edits. The Funnel fonts are gone.
  • A shared centred Hero over the Home 2 gradient opens Agent Exchange, Claude Practitioners and Meetups; every other page gets the same gradient faded in behind its top. Directory sections sit on the paler gradient.
  • Buttons are pills with Xhibiter's volume shadow, cards are bordered, the header gains an inline nav on wide screens (the overlay menu is unchanged), and the footer moves to Xhibiter's column layout.
  • Agent Exchange lists agents as cards. Claude Practitioners keeps rows, styled as Xhibiter's rankings table, because the file records why rows win there — credentials line up in a column for comparison. The Verified badge still sits with the credentials, never beside the name.
  • The "In collaboration with" strip is a quiet row of greyscale logos that link out, on all three tabs.
  • The two gradient images come from the licensed Xhibiter template, in public/img/xhibiter/ (~15 KB).

Test plan

  • pnpm lint
  • pnpm exec tsc --noEmit
  • pnpm test (317 passed)
  • pnpm test:e2e (36 passed, desktop + mobile, including the axe checks)
  • Checked /, /practitioners, /meetups, /contact, /sign-in in a browser
  • Practitioner rows, /p/<handle>, /profile and /admin with seeded data — not checked locally, no Docker on this machine

🤖 Generated with Claude Code

The design tokens in globals.css now carry the Xhibiter palette — violet accent, jacarta navy text, Cal Sans and DM Sans — so every component follows from the token swap. On top of that: a shared centred Hero over the Home 2 gradient for Agent Exchange, Claude Practitioners and Meetups; a gradient faded in behind the top of every other page; volume-shadow pill buttons; bordered cards; an inline nav in the header on wide screens; and a footer in Xhibiter's column layout.

The agent directory lists agents as cards. The practitioner directory keeps rows, styled as Xhibiter's rankings table, because the file records why rows win there: credentials line up in a column for comparison. The Verified badge stays with the credentials.

The collaborators strip is now a quiet row of greyscale logos that link out, shown on all three tabs.
@engramar
engramar marked this pull request as ready for review October 11, 2026 21:11
@davidtaing
davidtaing merged commit d32c8d8 into main Oct 11, 2026
4 checks passed
@davidtaing
davidtaing deleted the xhibiter-restyle branch October 11, 2026 22:05
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.

2 participants