#Fontbase default root folder software#
Code completion software is also highly recommended in such circumstances. Meaning, that our spacing and sizing unit of one equates to 4px.Ī naming strategy is crucial for swift usage of the library within code without the need for frequent traversals. Our base unit will be set to 4px (or 0.25rem) with the presupposition of the default browser font size being 16px. To achieve consistency, we must ensure that our most basic values are inherited seperetly. For example, spacing and font sizes will need to correlate for a cohesive outcome. Some principles will inevitably span across different categoric segments of our system. Furthermore, we include a range of greys with varying degrees of lightness.
Color - For color we are utilising a primary and secondary attribute along with tints towards lighter and darker variants.For example, the base spacing token would be 8px, followed by 16px etc. Space -All variables are consistent with the 4x4 grid with a scaling factor of 2.Font sizes, weights and line heights have also been generated complying towards a 4x4 grid. Typography - Most design systems adhere to the rule of two font families being present.When composed together, we obtain a collection of attributes that capture the values needed to express our desired result. Each category has its own collection of related atomic attributes expressed as tokens.
Typography, color and spacing are amongst the most prominent design categories.
0 kommentar(er)
