Modularity Design System
For Sketch, Figma, AdobeXD
Learn web design, kickstart your next project by adding your content to the selected modules, experiment with easily customizable colors, icons, text styles, and buttons, iterate to define the best structure of your website using predefined modules.
Modularity is created to help designers focus on the creative part of work instead of routine tasks like defining dozens of typography and elements styles.
62 modules, 2 color themes, 3 screen resolutions
Two color themes (Black & White). All modules are built using 8-pt. grid. Designs adopted for desktop (1440px), tablet (1024px) and mobile (375px) resolutions.
Web grid: 12 Columns, Gutter 32px
Customizable components and assets
All elements could be easily autoupdated to your preferred colour palette.
Style Guide
Modularity style guide includes Typography styles, Colours, responsive buttons, input fields and icons.
Preview (Desktop & mobile)
Made with Modularity
Web concepts based on Modularity Design System modules
Get Modularity:
Visit Modularity website, use Behance_20 coupon code at checkout*, and get the 20% discount off the regular price. But hurry up, coupon expires on April, 25.
* At the 3-d step of checkout process press Add Coupon link below Your Total
