DEV Community

Cover image for The modular design method
Ovi Demetrian Jr
Ovi Demetrian Jr

Posted on

The modular design method

Modular design is a method for improving design and production workflows by using components-based design and layout patterns that overlap structural coding practices. This design approach breaks apart content and design elements and puts them back together based on these guidelines:

  • Content - text pieces and images
  • Components - reusable, standalone elements like buttons and titles, the building blocks of your content
  • Regions - groups of content content pieces and components, arranged in a very specific way
  • Sections - stackable containers of regions between the header and footer to create an overall layout

View the paper on GitHub

Top comments (0)