Ali SalehFoldable / Layout lab Interactive wireframeApple specs
RESPONSIVE DESIGN / EXPERIMENT 01

Room to unfold.

A grid guideline for the screen you have, and the one you open.

Wireframe only
Live layout
X 0 / Y 0
OUTER DISPLAY
400 CSS px
Your website
AboutWorkContact
01 / HEROFull width
Heading + introduction
A headline
goes here.
Primary action Secondary link
Image / videoFlexible aspect ratio
02 / CONTENT GRIDAuto reflow
Content 01
Content block
Content 02
Content block
Content 03
Content block
03 / FOOTERSame content. More room.
Closed400 × 720 CSS px100% preview scale
Outline Column GutterScroll inside the frame to explore the page
01

A focused, single-column flow.

Stack the essentials. Keep navigation compact and actions close to their content.

02

Keep the experience continuous.

Preserve content, reading position, and input when the screen changes.