Welcome back to Frontend Fridays!

I spend all week scrolling X.com, so you don't have to... and here are my favorite 5 posts of the week 🎨

#1 🎨

This is a quick way to give more character to your product! If you are using TailwindCSS, use “zinc” or “slate” for cooler grays & “stone” for warmer grays!

#2 🎨

I believe you can improve any product by 80% if you fix just 3 things – colors, fonts & spacing!

Colors - use black, white, tinted grays (see above), and one primary color. Use the UI Colors app to generate shades from the primary color.

Fonts - Use Google Fonts or any font pairings website to choose a primary & secondary font from the best ranking list.

Spacing - Choose one base number and always make sure that all spacings are a multiple of the base number. In the above post, Nick chose “8px” as the base number.

That’s it! Try this today & let me know!

#3 🎨

True! Seeing the marquee tag after a long time just sent me on a nostalgia trip.

#4 🎨

As Cursor & AI improves more & more, it’s more important now than ever to get your basics right and know what you are doing!

#5 🎨

Those who have implemented auth know! 🤣 

LET ME HEAR IT

What do you think of this email? What was your favorite post?