4 design systems from real websites set in Manrope: their palettes, type scales, spacing and components, measured from the live pages. Install any of them as a skill so Claude Code, Cursor or Codex builds in that style.
In Livery's library, gitstreak.eyu.et, blyp.dev, yordi.studio and verify.et use Manrope for their headings. Each kit records the full type scale: sizes, weights, line heights and letter spacing at every level.
Is Manrope free to use?
Each kit says whether its fonts are free to reuse, need a licence (with a free alternative named) or are style-only. Open a kit to see Manrope's licence and how to install it in your project.
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.