The Volkswohnung Karlsruhe has understood the urgency of transformation. The new annual reports should be expierenced in the digital world. Connected stories, deep dives, all kind of media, you name it.

However, the submission in PDF format is mandatory.
And holding something nice in your hands would be cool, too.

But maintaining three annual reports twice every year?
Together with Heine Lenz Zizka, we developed a hybrid design system that includes a component library that serves more than the usual viewports. With the hybrid library, responsive is more than just different screen sizes.

The Volkswohnung components now include the primitives for their behavior in a printable DinA column width. So the reports can be maintained via the usual CMS and are generated live and for all viewports as well as a printable PDF format.
And yet the layout does not have to hide. Sweet, right?