I kept making projects that all came out wearing the same cream page and the same serif, so I built this. FontHabibi gives your project a voice and a ground: complete font and color systems for websites, apps, tools, articles, and docs. Pick, copy, paste into your prompt. Free, no signup, forever.
74 voices · 68 grounds · 5 media · 5,000+ combos · $0Website, app, software tool, editorial, or docs. Every option is previewed in the real thing: a phone frame, a dashboard, an article.
Choose a type set and a color system independently. Two thousand plus combinations, all curated to work.
Export ready CSS tokens, a starter page, or JSON you can paste straight into Claude, Cursor, or v0. Your build inherits the whole system.
Generic pairing tools show you fonts floating in space. FontHabibi previews every combination inside the medium it will actually live in.
This is a personal project, not a startup. Everything works with no account and no paywall. If it saved you time and you feel like it, you can buy me a coffee, and if you want to hear when new voices and grounds drop, leave your email.
Totally optional, changes nothing about what you get. It just tells me this was worth building and keeps the kit drops coming.
Support on Ko-fiNew voices and grounds land regularly. One short email when they do, nothing else, unsubscribe anytime.
Really free, no catch, no account. It's a personal project I built for my own work and decided to share. The coffee button exists for people who insist; it unlocks nothing.
Copy the kit's CSS or JSON from the mixer and paste it into your prompt with: "Use these design tokens for everything you build." The AI inherits your fonts, colors, and radii instead of inventing generic ones.
Yes. Every voice uses Google Fonts, which are free for personal and commercial projects. Each export includes the exact import line.
Yes, unlimited projects, personal or commercial, no attribution needed. Go make things.