Note: This video about TailwindCSS was recorded when Tailwind version 3 was the current version. I have some newer videos that cover Tailwind v4+ but the concepts shared in this video are still relevant! If you have any questions, please leave a comment :)
Sign up for the Free Uncommon TailwindCSS Course 👇
https://instrumentalproducts.com/resources/uncommon-tailwindcss
In part 2 of this free course, I tell you how I create color palettes for my applications using TailwindCSS. There are few other free resources that help me implement my strategy, and I share my flexible approach to using the new color schemes.
Videos in the Course:
Multi-line Classes | Uncommon TailwindCSS: https://youtu.be/MyK4TMa_jRI
Chapters:
0:00 TailwindCSS Color Palettes
0:40 My Philosophy on Design & Development
2:02 The TailwindCSS Way
4:21 Core TailwindCSS Ships with Color
5:11 Picking My Palette to Create a Brand
6:35 My Palette Implementation
10:10 Second Example Implementation
12:05 Choosing Colors for a Project
16:11 Instrumental.dev Colors
17:00 Adding Colors to the Tailwind Config
CSS Utility Classes and "Separation of Concerns": https://adamwathan.me/css-utility-classes-and-separation-of-concerns/
Dribbble: https://dribbble.com/
Coolers: https://coolors.co/
Tailwind CSS Color Generator: https://uicolors.app/create
Tailwind Docs: https://tailwindcss.com/docs/installation
https://instrumental.dev 👉 Join our community and get access to the Instrumental Components library for rapidly building great products with Ruby on Rails and TailwindCSS.
https://instrumentalproducts.com 👉 Work with me and my team on your next product!
Get my free video courses on building a products business 👉 https://instrumental.dev/resources