Revive UI - Design System

🚀 Getting Started:

Revive UI Design System is a sustainable and eco-friendly design framework focused on creating efficient, resource-conscious digital experiences. Built with a minimalistic approach, Revive prioritizes energy efficiency by using optimized components, thoughtful typography, and eco-friendly color palettes that reduce device strain. Designed for modern devices with features like reduced elevations and dark-mode friendly elements, Revive helps lower power consumption, extend battery life, and contribute to a greener digital future, all while delivering a sleek, user-friendly experience. It’s where sustainable design meets innovation.

➤ What's included in this file:

✰ Responsive AutoLayout Components, Nested Components with Properties

✰ Local Variables (Base Colours, Tokens, Spacing, Radius) & Local Styles (Typography, Elevations)

✰ Components List

1. Avatars
2. Accordions
3. Alerts
4. Badges
5. Buttons
6. Button Icons
7. Floating Action Buttons
8. Cards
9. Dividers
10. List
11. Skeleton Loaders
12. Page Loaders
13. Menus
14. App Bar
15. Tabs
16. Text Fields
17. Check Box
18. Radio Buttons
19. Switch/Toggle
20. Untitled Line Icons - https://www.figma.com/community/file/1114001199549197320/untitled-ui-icons-1-100-essential-figma-icons

➤ How to customize:

To customize the Revive UI Design System in Figma, you can modify colours and typography using Figma’s variables to match your brand while keeping eco-friendly principles intact. For colors, you can replace the default palettes with your own, focusing on darker, energy-saving hues to reduce power consumption on OLED/AMOLED screens. You can also adapt typography styles by changing fonts, sizes, and weights, ensuring they are lightweight and performance-friendly to minimize device strain. Using Figma variables, these updates are applied globally, ensuring consistency and sustainability throughout your design.

➤ Offer Details:

20% Off for the First 20 users - Use Discount Code REVIVE20