![]() ![]() $letter-spacing-heading var(-letter-spacing-heading) ![]() Gives tiny amount of negative letter spacing for the page main heading. $font-family-text-turva var(-font-family-text-turva) $font-family-heading-turva var(-font-family-heading-turva) 'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' Should be used for body text and form controls. ![]() Text font family uses a font stack that gracefully degrades to default system fonts on different platforms. $font-family-heading var(-font-family-heading) Heading font family uses a font stack that gracefully degrades to default system fonts on different platforms. 'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' Use the below tokens to set font-families, font-weights and letter-spacing consistently. Text is interface, which is why we’ve spent a great amount of time fine-tuning our typographic choices. Please note that this color should not be used for any other purpose. Exampleĭata visualization color that is accessible with white. Keep in mind that green, red and orange are only used in special cases like form validation and messaging. Colorįor consistency, we use the below defined color palette throughout our interface. We use tokens instead of hard coded values to ensure a better UI consistency across different platforms. What’s new Get help Sign in Color blind mode Low vision modeĭesign tokens are a tech-agnostic way to store variables. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |