EpicWeb.dev

Welcome to the EpicWeb.dev Workshop app!

This is the deployed version. Run locally for full experience.
19
Color Design Tokens
19

Color Design Tokens

โ–ˆ<
Loading "Intro Color Design Tokens"
โ–ˆ<
Intro Color Design Tokens โ†—๏ธŽ
Run locally for transcripts
In this exercise, we'll implement the custom colors in our Tailwind CSS project.
We'll start with the "raw" colors, and then add a layer of abstraction for semantic color tokens.
screenshot of Figma's variables panel showing semantic color design tokens
Ready? You know what to do!
Edit on GitHubEdit this page on GitHubStart Learning