bilt.nogs.dev
Homepage
darkOutfit00v1
Typeface
Websites using Outfit
12 design systems from real websites set in Outfit: 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.
12 kits · 4 dark, 8 light
miheretab.space
Homepage
lightOutfit02v2
eaglelionsystems.com
Homepage
lightOutfit01v1
onebid.et
Homepage
lightOutfit04v1
dashensuperapp.com
Homepage
dark__Outfit_60b20e00v1
adlink.brightlinesoftwarehub.com
Homepage
lightOutfit01v1
aimlite.vercel.app
Homepage
lightOutfit01v1
robelabebe.com
Homepage
lightOutfit Variable02v1
pitrontech.et
Homepage
lightOutfit11v1
samueldagne.me
Homepage
darkOutfit00v1
starpayethiopia.com
Homepage
darkOutfit01v1
temari.et
Homepage
lightOutfit01v1
Questions
- Which websites use Outfit?
- In Livery's library, bilt.nogs.dev, miheretab.space, eaglelionsystems.com, onebid.et, dashensuperapp.com and adlink.brightlinesoftwarehub.com use Outfit for their headings, among 12 sites in all. Each kit records the full type scale: sizes, weights, line heights and letter spacing at every level.
- Is Outfit 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 Outfit'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.