I built https://fontofweb.com because design inspiration platforms don't give enough real material to work with.
Most sites fall into extremes: Dribbble leans toward polished mockups that never shipped, while Awwwards and Mobbin go heavy on curation. The problem isn't just what they pick — it's that you only ever see a narrow slice. High curation means low volume, slow updates, and a bias toward showcase projects instead of the everyday, functional interfaces most of us actually design.
Font of Web takes a different approach. It's closer to Pinterest, but purely for web design. Every "pin" comes with metadata: fonts, colors, and the exact domain it came from, so you can search, filter, and sort in ways you can't elsewhere. The text search is powered by multimodal embeddings, so you can use search queries like "minimalist pricing page with illustrations at the side" and get live matches from real websites.
A few things you can do:
* natural language search (e.g. "elegant serif blog with sage green")
I built https://fontofweb.com because design inspiration platforms don't give enough real material to work with.
Most sites fall into extremes: Dribbble leans toward polished mockups that never shipped, while Awwwards and Mobbin go heavy on curation. The problem isn't just what they pick — it's that you only ever see a narrow slice. High curation means low volume, slow updates, and a bias toward showcase projects instead of the everyday, functional interfaces most of us actually design.
Font of Web takes a different approach. It's closer to Pinterest, but purely for web design. Every "pin" comes with metadata: fonts, colors, and the exact domain it came from, so you can search, filter, and sort in ways you can't elsewhere. The text search is powered by multimodal embeddings, so you can use search queries like "minimalist pricing page with illustrations at the side" and get live matches from real websites.
A few things you can do:
* natural language search (e.g. "elegant serif blog with sage green")
* font search (single fonts, pairings, or 2+ combos, e.g https://fontofweb.com/search/pins?family_id=109 , https://fontofweb.com/search/pins?family_id=135 )
* color search/sorting (done in perceptual CIELAB space not RGB, e.g https://fontofweb.com/search/pins?color=%23f52f3d)
* domain search (filter by site, e.g. https://fontofweb.com/search/pins?domain=apple.com, https://fontofweb.com/search/pins?domain=blender.org )
* live website analysis (via extension — snip any part of a page and see fonts/colors instantly, works offline)
* one-click font downloads
* palette extraction (copy hex codes straight to clipboard)
* private design collections
Appreciate feedback into the ux/ui, feature set and general usefulness in your own workflow.
Tech Stack Website:
* Vanilla Client-Side rendered ReactJS
* PWA via workbox: https://developer.chrome.com/docs/workbox
* SEO html injection via Cloudflare workers via HtmlRewriter
* HeroUI + Tailwind
* Rust Backend with Axum
* Authentication with OTP email and google social auth (via openidconnect)
* Sqlite and VectorDB running on the same VPS as the API service
* $15/mo VPS (Alwyzon)
* Cloudflare CDN
* Cloudflare R2 for storage
* Cloudflare workers for proxy service, hosting, sitemap and rss feed generation, SEO tag injection and miscellaneous tasks
* Zeptomail for very cheap transactional mail * ICloud Mail for custom domain inbox (e.g [email protected])
* Simple Analytics + Google Analytics: https://dashboard.simpleanalytics.com/fontofweb.com
* Logging: Journalctl
Tech Stack Chrome Extension:
* Lit Components for lightweight UI: lit.dev
* Rust library compiled to Wasm for offline font metadata parsing via docs.rs/allsorts
* Multimodal embeddings via vertex api