Design essentialsThe Design essentials are transversal concepts at the heart of Quartz, enabling consistency and future-proofing. Transversal design conceptsContent hierarchyThe foundational content organization at the heart of Quartz design principles.ImportanceConsistent representation of importance throughout the system.RelationshipsConsistent spacing of elements based on their relationships.ControlsCommon states and interactivity of elements that react to user action. Visual identity elementsColorThe classification and meaning behind color.TypographyHow fonts and styles are organized around content hierarchy.IconographyHow to create and use icons and pictograms in interfaces.ImageryHow to create and use images in interfaces.AnimationThe different functions behind motion and interactions.