This goes incredibly hard my dude 🔥

Yeah I’ve used WhatTheFont and Identifont… I think they really excel in paid fonts, but can miss a lot of free ones or ones not in their database. Recoleta is fortunately just a very popular font, so is probably easy to ID.

It’s hit or miss haha. Sometimes if the company had a public rebrand it will just look up the fonts they used. Sometimes it has to guess and am not fully sure of the accuracy there lol. Pretty convenient nevertheless!

If you'd like to ship a new website in 4-6 weeks, book some time at cal.com/tnick/30min.

And for those who are wondering "wHaT abOuT FraMeR": while no-code tools are great for shipping quickly, in my experience eventually you hit performance or product needs that demand a custom solution.

That's where I come in :)

That's it for this list!

For a peek into how I build websites at Kojo, I've actually open-sourced the boilerplate I use for all my new web projects. It's a perpetual WIP and needs some doc updating, but I promised you a freebie so:

github.com/kojodesign/...

AI is never a silver bullet (yet, anyway).

While over time I've come to rely on Claude for addressing PR feedback or scaffolding new pages, it is never pixel perfect and almost always needs carefully review. This is something I'm still trying to get better at doing.

Not everything NEEDS to be code.

When I first started, every animation or visual I'd end up coding by hand in HTML or React. Unfortunately, these don't always scale well. Lately I've been using Rive to create scalable WebGL animations that are too complex for code.

Boilerplate, don't template.

To kick off every new project as fast as possible, I have a custom repo setup with my common dependencies preinstalled so I can just clone and hit the ground running. I always change the styles and layouts though.

Systemize everything you can.

I start every project with shadcn components, along with some custom handwritten primitives like <Typography /> and <Stack /> that I can adapt to the design system I've created for clients in Figma.

Stick with what you know and what will help you move FAST.

For me, I chose Astro due to its ability to work with any UI framework, minimal markup, and built-in support for Markdown, web fonts, image optimization, and more. Vercel deploys my code with a single Git push.