1. Colors palette
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.
1.1. Primary color
1.2. Secondary color
1.3. Complementary colors
1.4. Acent colors
1.5. App neutral color
1.6. Backend neutral colors
2. Typography – Roboto family
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.
2.1. Typography Styles
2.2. Text spacing
3. Elevations
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.
4. Web buttons
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.
4.1. Colors
4.2. Sizes
5. App buttons
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.
5.1. Types
5.2. Icon buttons
5.3. Horizontal sizes
5.4. Vertical sizes
6. Boxes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.
6.1. Box models
6.2. Box sizes (Padding)
6.3. Cards types
7. Messages
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.
7.1. Error alert
7.2. Success alert
7.3. Info alert
7.4. Warning alert
8. Forms
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.
8.1. Selection Controls
8.2. Input tipes
9. Avatar
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.
10. Iconography
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.
11. Rows elements
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet purus id mi egestas suscipit mollis nec odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus elit dolor, pellentesque molestie lorem in, finibus sodales felis.