Bobby Meyer
developer/designer
design viva
December 13, 2023recreating a design classic
This is a recreation of a poster work by Josef Müller-Brockmann on behalf of musica viva. Creating a responsive version of this design requires careful attention to detail. The task involves leveraging CSS grids and flexbox to preserve the spatial arrangement ensuring that the layout maintains its integrity on different screens. This means that as the viewport changes size the text elements must reposition smoothly keeping their deliberate stagger and angle without losing the interactive dance between the elements.
The goal is to maintain legibility and visual impact, scaling elements proportionately ensuring that the design's essence is communicated effectively no matter the device, striking a balance between the fluidity of responsive design and staying true to the original artistic intent.
Resize your browser window for the full effect.
The Müller-Brockmann Original
a recreation of a poster work by Josef Müller-Brockmann on behalf of musica viva
design viva
creating a responsive version of this design
bobby
meyer
requires careful attention to detail
the task involves leveraging CSS grids
designer
and flexbox to preserve the spatial arrangement
ensuring that the layout
maintains its integrity
on different screens
developer
this means that as the viewport changes size
the text elements must reposition smoothly
⌘
pixels
&
bits
keeping their deliberate stagger and angle
without losing the interactive dance between the elements
the goal is to maintain legibility and visual impact
scaling elements proportionately ensuring that the design's essence is communicated effectively
no matter the device
striking a balance between the fluidity of responsive design and staying true to the original artistic intent
