I'm trying to recreate the landing page for Tally.so as I'm still practicing my web development skills. I've looked at the source code, but it's all obfuscated, and I'm having a hard time figuring out how to start. Any tips or recommendations on how to approach this?
3 Answers
Honestly, if you're looking for something simple and quick, you might want to check out other landing pages that have a similar aesthetic. There are some really great templates out there that can inspire your design and speed things up. Just make sure to tweak it to fit your style!
Instead of just copying it directly, think about replicating the vibe. The page is really all about clean typography, ample white space, and smooth animations. You might want to try using TailwindCSS along with GSAP or Framer Motion to nail down those subtle effects. The key is getting the form user experience right while keeping gradients soft and icons minimal. Starting with Next.js and Tailwind should make your work faster and more scalable!
It looks like the Tally.so landing page utilizes a lot of design elements from shadcn, especially with its light theme and pink accents. Take a look at that for inspiration! It’s a solid starting point since they focus on clean aesthetics.
Do you have any resources for learning TailwindCSS? I’d love to get better at it.