Design bi-fold, tri-fold, and z-fold brochures with panel guides and fold line previews.
Brochure Fold Designer maps a brochure sheet into the panels created by bi-fold, tri-fold, or z-fold schemes. The selected scheme adds visible panel boundaries and fold lines so you can judge where covers, inside copy, images, and contact details belong before laying out final artwork. The point most often misread is panel order: the reverse face is not simply another left-to-right sequence. Its panels must line up with the front after the physical folds are made.
A bi-fold preview places one fold between two panels on each face. Tri-fold and z-fold layouts use two fold lines to create three panels. The z-fold bends in alternating directions, while a conventional tri-fold closes one outer panel over another. The displayed boundaries provide a structural map for assigning content to each section.
The guides show where content crosses, approaches, or stays clear of a fold. When planning both faces, read each panel according to its position after folding rather than as ordinary page columns. Covers, backs, flaps, and interior sections occupy different apparent positions when the sheet is open, closed, or partially unfolded.
No. Both divide a face into three panels with two parallel folds, but their folding sequences differ. A z-fold alternates fold direction to form an accordion shape. A conventional tri-fold folds one outer section inward and closes the other over it. Printer terminology can vary, so confirm the intended physical fold.
Not by itself. The preview communicates panel structure and fold placement, but production artwork may also need exact finished dimensions, bleed, safe areas, fold tolerances, color settings, and image-resolution requirements. Use the printer's supplied template when available, then compare its fold positions with the planned brochure arrangement.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.