Typography: Define the typefaces, font sizes, and font weights to be used for headings, body text, buttons, and other UI elements.
Color Palette: Specify the primary and secondary colors, as well as any additional colors for various UI elements, including backgrounds, text, buttons, and interactive elements.
Iconography: Choose and document a consistent set of icons that align with the design style and provide guidelines on their usage.
Buttons and Form Elements: Define the styles for buttons, checkboxes, radio buttons, text inputs, dropdowns, and other form elements.
Spacing and Layout: Establish guidelines for spacing between UI elements, margins, padding, and overall layout structure.
Visual Hierarchy: Provide guidelines on how to create a clear visual hierarchy, emphasizing important elements and creating a logical flow for the users.