Creating a CSS Design System
When creating a multi-page website, it’s good to have a design system in place that ties everything together.
Having taken a course by the CSS guru Kevin Powell, I thought it would be great if there was a way to reference it as needed and go back to certain areas afterwards. That’s exactly what this post is about.
The course is 7 hours long and he goes into great detail about the creation of the design system, the whole website itself, and how everything works together. It’s a great resource, even for beginners with basic HTML and CSS knowledge as he does a great job explaining everything.
That being said, I would definitely recommend taking the course. It’s free, you can find it on YouTube or freecodecamp.org.
- Figma files referenced are available on frontendmentor.io
- You can visit my finished product at https://designsystemcss.netlify.app
- See the complete source code https://github.com/crypto3p/Design-System
We’re going to be recreating this design system for a space travel website.