Skip to content
An AI-driven
UX & UI masterclass
Back to course
Design fundamentals Lesson 4 of 16

Create a layout.

Learn about grids, hierarchy, and space. Create a brochure and a monogram.

An overhead arrangement of ivory panels, a graphite L, and a red-orange square on white marble, with fern details and sunlight.

What you will learn.

Make a four-panel brochure from supplied content and a mark from two initials. Explain positive and negative space.

Before you begin.

Open your C27 Academy Figma Design file and the named brochure starter ZIP below. Reuse your typography rounds from Make text easy to read when deciding what people should read first. Your own two initials start the mark.

Learn the concept.

A layout places words and pictures on a page. Positive space is the visible letter, picture, or shape; negative space is the open area around or inside it. Both affect what you notice. An 11 × 8.5-inch landscape sheet folded once makes four 5.5 × 8.5-inch panels.

Layout

Source note: The archived walkthrough uses A4 and Sketch. Your current brochure brief uses the US Letter dimensions in Practice and Figma Design; do not mix the two setups.

See a worked example.

Start with the supplied brochure copy and images. Put the main message and principal image on the front, reserve the back for supporting content, and arrange the instructions across the inside panels. Fold a labeled paper proof to check that the front, back, and inside panels read in order. Your later brochure lesson improves this same work.

Layout

1 / 17