From the course: CSS: Design Systems and Architectures
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Taking inventory - CSS Tutorial
From the course: CSS: Design Systems and Architectures
Taking inventory
- [Instructor] Before writing any code for your design system, do an audit and create an inventory of the design patterns. Here is an example of some of the components from my own website. You can take screenshots or assemble your design files. It doesn't have to be pretty. Just use whatever format works for you. If you're working on a redesign, take inventory of your current designs. The next step is to categorize the components into groupings, such as colors, typography, icons, and various UI patterns. These categories can also be used for organizing your CSS. However, at this stage, decisions about the overall architecture don't need to be decided yet. Use this step to identify what exists, what can be reused or thrown out. Mark the inconsistencies, and think about how to unify them. Create a color palette and organize the colors into associations, such as brand colors, accent colors, borders, links, and however else your product uses color to communicate with the users. Take note…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.