🌑 Overview
Easily implement a dark theme with 40 ready‑to‑use components in Figma and Adobe XD. Includes style tokens, typography settings, and accessibility guidelines to ensure readability and consistency.
📦 Components Included
-
Core Elements
-
Buttons, inputs, toggles, modals, navbars, cards
-
-
Typography Styles
-
H1–H6, body, captions, with appropriate contrast ratios
-
-
Token Library
-
Color variables, spacing scale, elevation levels
-
🛠️ How It Helps
-
Accessibility First
-
All text and UI elements meet WCAG AA contrast standards
-
-
Easy Theme Switch
-
Predefined variables let you toggle between light and dark in one click
-
-
Consistent Design Language
-
Shared components keep your UI unified across projects
-
🎯 Who Should Use It
-
Design teams adding dark mode to existing products
-
Freelancers delivering multiple theme options
-
Developers needing hand‑off–ready assets for rapid integration
