How do light-themed websites pick their colours?

Look at the kits here: each lists the background, surface, text, muted text, border and accent colours by role, with contrast checked, from real light websites such as scholarxiv.com, robi.work, voxide.app, kinfish's taste, Robi's taste and vercel.com.

How do I make my app look like one of these?

Open a kit and install it in your coding agent (one paste in Claude Code; unzip for Cursor, Codex or Windsurf). The agent audits your project, asks which areas to change and applies the design one area at a time, so you can review and revert each step.

Theme

Light website design systems

161 design systems from real light-themed websites: background and surface colours, text contrast, accents, borders and shadows, measured from the live pages and ready to install for Claude Code, Cursor or Codex.

161 kits

Questions

How do light-themed websites pick their colours?: Look at the kits here: each lists the background, surface, text, muted text, border and accent colours by role, with contrast checked, from real light websites such as scholarxiv.com, robi.work, voxide.app, kinfish's taste, Robi's taste and vercel.com.
How do I make my app look like one of these?: Open a kit and install it in your coding agent (one paste in Claude Code; unzip for Cursor, Codex or Windsurf). The agent audits your project, asks which areas to change and applies the design one area at a time, so you can review and revert each step.