sample wireframe copytext

wireframe sample for alignments of text and image

This wireframe sample shows only one component of a layout: images aligned with text.

You see a sample headline and some "lorem ipsum" copy text there is an image to the left, with a width of half of the overall width. Below the image is a caption (single line), to the right of the image there is a very short text.

The second paragraph shows the identical arrangement of image, caption and text, but this time the text is much longer. Its height exceeds the image's height and you understand that the text is not designed to float under the image.