ColoursMozaic offers an adaptive and scalable colour system. The colour palette has been divided into four categories: Primary colours, Secondary colours, Greys and Status colours.
The container defines the main content width as well as the minimum negative space between the horizontal edges of the screen and the content
A grid is used to create a **more structured and more harmonious design.** It’s the frame of your page, you build the layout by placing blocks of contents (text, images,…) on a certain number of columns.
About margins and paddings
A body is a paragraph or a multiline text. It provides basic typographic properties like font-size, line-height and font-weight.
Strokes are visual elements that space and structure contents. Different border thickness are used to create a hierarchy.