Skip to content

feat(uiux): add Credence design tokens via CSS variables#315

Merged
Baskarayelu merged 1 commit into
CredenceOrg:mainfrom
zhero-o:uiux/design-tokens-fresh
Apr 29, 2026
Merged

feat(uiux): add Credence design tokens via CSS variables#315
Baskarayelu merged 1 commit into
CredenceOrg:mainfrom
zhero-o:uiux/design-tokens-fresh

Conversation

@zhero-o
Copy link
Copy Markdown
Contributor

@zhero-o zhero-o commented Apr 28, 2026

Establishes src/index.css as the single source of truth for all UI primitives. Defines 80+ CSS custom properties under the --credence-* namespace covering:

  • Colors: 10-step primary (blue) + 10-step neutral (slate) palettes, semantic success/error/warning/info groups (light/base/dark variants), and high-level semantic aliases (bg, text, border, accent) that reference primitives via var() — no one-off hex usage in aliases.
  • Spacing: 17-step 4px-base grid (rem values, px hairline).
  • Border radius: 9 steps from none to full (9999px).
  • Typography: font families (Inter + JetBrains Mono), 9-step size scale, 4 weight steps, 6 line-height steps, 6 letter-spacing steps.

Adds docs/design-system.md as the human-readable reference with token tables, contrast ratios, design principles, and usage examples.

Closes #222

Establishes src/index.css as the single source of truth for all UI
primitives. Defines 80+ CSS custom properties under the --credence-*
namespace covering:

- Colors: 10-step primary (blue) + 10-step neutral (slate) palettes,
  semantic success/error/warning/info groups (light/base/dark variants),
  and high-level semantic aliases (bg, text, border, accent) that
  reference primitives via var() — no one-off hex usage in aliases.
- Spacing: 17-step 4px-base grid (rem values, px hairline).
- Border radius: 9 steps from none to full (9999px).
- Typography: font families (Inter + JetBrains Mono), 9-step size scale,
  4 weight steps, 6 line-height steps, 6 letter-spacing steps.

Adds docs/design-system.md as the human-readable reference with token
tables, contrast ratios, design principles, and usage examples.
@drips-wave
Copy link
Copy Markdown

drips-wave Bot commented Apr 28, 2026

@zhero-o Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@Baskarayelu Baskarayelu merged commit a9849a7 into CredenceOrg:main Apr 29, 2026
1 check failed
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.

[Fresh 2026-04][UI/UX] Define design tokens as CSS variables (--credence-*) and remove one-off hex usage

3 participants