shein.com
Homepage
light-apple-system01v1
Typeface
Websites using -apple-system
5 design systems from real websites set in -apple-system: 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.
5 kits · 0 dark, 5 light
aaronpweb.dev
Homepage
light-apple-system00v1
milofinanzas.com
Homepage
light-apple-system01v1
getshiplog.site
Homepage
light-apple-system00v1
ripify.co
Homepage
light-apple-system01v1
Questions
- Which websites use -apple-system?
- In Livery's library, shein.com, aaronpweb.dev, milofinanzas.com, getshiplog.site and ripify.co use -apple-system for their headings. Each kit records the full type scale: sizes, weights, line heights and letter spacing at every level.
- Is -apple-system 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 -apple-system'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.