voxide.app
Homepage
lightGeist05v3
Typeface
Websites using Geist
14 design systems from real websites set in Geist: 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.
14 kits · 7 dark, 7 light
probe.ethiodeploy.com
Homepage
lightGeist01v2
ahadu-mu.vercel.app
Homepage
lightGeist00v1
zionai.framer.website
Homepage
darkGeist06v1
femoran.com
Homepage
darkGeist01v1
kitessa.me
Homepage
lightGeist01v1
better-auth.com
Homepage
lightGeist01v2
strand.framer.website
Homepage
darkGeist02v1
go-marz.com
Homepage
lightGeist00v1
xylolabs.space
Homepage
darkGeist01v1
redesigned.agency
Homepage
lightGeist Variable00v1
bamlakgezahegn.netlify.app
Homepage
darkGeist00v1
reactbits.dev
Homepage
darkGeist00v1
freecodingmodels.vercel.app
Homepage
darkGeist00v1
Questions
- Which websites use Geist?
- In Livery's library, voxide.app, probe.ethiodeploy.com, ahadu-mu.vercel.app, zionai.framer.website, femoran.com and kitessa.me use Geist for their headings, among 14 sites in all. Each kit records the full type scale: sizes, weights, line heights and letter spacing at every level.
- Is Geist 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 Geist'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.