- In what order are colors named?
- How do you name a color design system?
- How do you name a color palette?
- What is the naming convention of a CSS class?
In what order are colors named?
According to this observation, basic color names can be organized into a coherent hierarchy around the universal focal colors black, white, red, green, yellow, and blue always appearing in this specific order across cultures.
How do you name a color design system?
There are different approaches to naming colors in a design system. You can name colors using abstract names (e.g. #b9b9b9 - pigeon), actual names (e.g. #b9b9b9 - silver), numbers (e.g. #b9b9b9 - silver-1) or functional names (e.g. #b9b9b9 - silver-base). At UXPin, we've decided to go with the functional approach.
How do you name a color palette?
Group all your color definitions in one file to make things easier to find. Limit your palette to three colors. When naming your colors, use distinctive and memorable names. For instance, Sapphire and Brick are more specific than Blue and Red.
What is the naming convention of a CSS class?
Naming rules
Names are written in lowercase Latin letters. Words are separated by a hyphen ( - ). The block name defines the namespace for its elements and modifiers. The element name is separated from the block name by a double underscore ( __ ).