Built in one evening using:

• Next.js App Router
• TypeScript
• PandaCSS
• Contentful CMS

Spektrum fetches curated color pairings from Contentful and displays:

• Foreground/background preview
• Calculated contrast ratio
• WCAG AA and AAA pass/fail status
• Optional notes (e.g. design context)

The project emphasizes accessibility, structured content, clean design, and CMS integration—all packed into a small, focused implementation.

Want to check it live? See here

• Next.js (App Router)
• TypeScript
• PandaCSS for styling
• Contentful for content management

pnpm install
pnpm run dev

TODO:
- A11Y
- SEO
- Lighthouse score
- Ally video