

While it’s not an issue in particular with dolls, on web pages, that could lead to either uneven white space or multilevel CSS overrides. When a three-layer doll is put next to a seven-layer doll, the spacing in between is uneven. But thinking about Russian nesting dolls, every layer has its own thickness-the equivalent of padding and margin in web design.

Pattern Lab says we should be able to put UI patterns inside each other like Russian nesting dolls. And it has led to an explosion of frameworks and UI kits, making web page design more modular and also more accessible to the masses.Īchieving similar modularity on the web element level is not as easy. We are now able to assemble different blocks to make web pages without having to consider the styles and elements within each block. So far, we have been doing it on the content block level-every block occupies a full row, has a consistent width, and is self-contained. We should be able to place them like bricks, interlocking them however we want without worrying about changing any code. Conceptually, we all love it-web components should be versatile and reusable. Modular atomic design has been around for a while. Brief books for people who make websites.
