Design system

People First Design

A set of guidelines for developers made the internet a better and safer place for all. No fake clicks or tricks. It's time we make a change against Big Tech. (yes i mean google and microsoft)

Status
Early Development
Role
Sole Creator and Developer
Stack
Vercel · GitHub · VS Code · markdown
Timeline
January 2026 → Present
View live demo View repository Back to projects

Accessible, reusable foundations

Component APIs are built to be accessible out of the box—focus states, reduced motion variants, semantic markup, and WCAG-friendly color tokens.

  • Token-driven theming for color, spacing, radius, and typography.
  • Composable primitives (buttons, inputs, cards) with sensible keyboard interactions.
  • Documentation pages with live previews and usage guidelines.

Built for fast iteration

Storybook-style previews and a Vercel demo keep feedback loops short while CI checks accessibility and lint rules.

  1. Automated contrast checks on the design token palette.
  2. ARIA test cases for interactive components.
  3. Preview deploys on each pull request for design/dev review.

Considering adding this to your project?

Read the full documentation or star the repo to follow progress. Feel free to contribute! This is a project to make the internet better for the people who use it, after all. :D