Hi andrei.
By responsive layouts I mean responsive grid layouts and card layouts. These would be added as another option in addition to the grid layouts and card layouts that are in place today. A way to quickly add articles, create collections, and quickly see content in a preview or production app without all the manual work that it takes to create the grid layouts and card layouts.
I see them looking like simple image/headline/blurb sets:
1 - Image first (above) cropped from the center (adaptive width responsive to device, fixed height)
2 - headline below the image (typographically dominant over the blurb below). Adaptive type size responsive to device.
3 - blurb below the headline (typographically subordinate to the header above and would not take up empty space if left empty). Adaptive type size responsive to device.
These would all display in a pre-determined typeface (or choose from two or three), as well as pre-determined padding and margins.
No matter what device these are displayed on, the image/headline/blurb sets would stack vertically on a white or gray background. Maybe have an option to have a reverse light type over a dark background by checking a box. There would be an option for a brand image (logo?) at the top of the list.
Generating your own could start by clicking a "duplicate" button or something similar and selecting options like:
- background color
- image height
- typeface, type size, and color for the headline
- typeface, type size, and color for the blurb
Maybe add an option on tablets where the most recent article spans the width of the screen, and below that the rest only span half the width of the screen.
Again this would not replace the manual system. It would give folks a quick way to get their content up and running quickly. Power users can still "design" their grid layouts and card layouts using the manual method in place today.