Menu hierarchy: how headings, sections and weight guide the eye

Cover a menu with your hand and lift it for one second. What did you see? On a well-built menu the answer is: five or six section titles, the name of the restaurant, and maybe one dish that stood out. On a poorly built one the answer is a grey rectangle. That one-second impression is hierarchy, and it decides whether the guest navigates the page or wades through it. Here is how hierarchy is constructed from four tools, size, weight, case and space, and how to check that yours is doing its job.

Hierarchy has only three or four levels

A menu needs fewer levels than people think. Level one is the restaurant name or the menu title, seen once. Level two is the section heading: Starters, Mains, Desserts. Level three is the dish name. Level four is everything else: descriptions, prices, allergen codes. Some menus add a half-level for sub-sections, like Pasta and Risotto under Mains, but beyond that the eye stops being able to tell the levels apart.

Each level must be distinguishable from its neighbours at a glance, and the distance between levels should be roughly even. A common failure is a huge title, three near-identical middle levels, and tiny prices. The middle is where guests spend their time, so that is where the contrast belongs.

Size: the ratio between levels

Working from the body text upward is the reliable method. If descriptions sit at 10 pt, dish names at 11.5 to 12 pt are just noticeable, section headings at 15 to 18 pt are obvious, and the title at 26 to 36 pt is unmistakable. A ratio of about 1.25 to 1.5 between adjacent levels is comfortable; below 1.15 the levels blur, above 2 the page looks like a poster.

Size alone is a blunt instrument, though. Increasing everything makes the page loud without making it clearer. Use size for the big jumps, headings and title, and hand the smaller distinctions to weight and case.

Weight and case: the quiet signals

Dish names in semibold with descriptions in regular is the single most effective move on a menu: same size, same typeface, immediate separation. Avoid true bold for names when the description is right beneath; bold at 12 pt next to regular at 10 pt looks heavy, and the page turns spotty. One step of weight is enough.

Case does similar work for headings. Small caps or full caps with a little letterspacing (5 to 10 percent) make a heading read as a label rather than a sentence, which is exactly what a section title is. Keep dish names in sentence case: Roast cod with brown butter, not Roast Cod With Brown Butter. Title case across thirty dishes slows reading and looks like a 1990s chain.

Space: the strongest tool and the most neglected

Space tells the eye what belongs together. A heading needs roughly twice as much air above it as below it, so it attaches to its section rather than floating between two. Dishes within a section sit 3 to 5 mm apart; sections sit 10 to 14 mm apart on A4. The name and its description are almost touching, 1 to 2 mm, because they are one unit.

Get these proportions right and you can reduce the size differences between levels, because space is doing the work. That is how fine-dining menus manage to look hierarchical with only two sizes: the gaps carry the structure.

Using hierarchy to sell

Once the structural levels are set, a menu can afford one exception: the dish or two you most want to sell. The tools are the same, used gently.

• Give the dish a two-line description when its neighbours have one line or none. Extra words are extra attention.
• Set it first or last in its section, where the eye pauses. Never in the middle of a list of eight.
• Add a small, consistent marker, a discreet symbol or a light rule above and below. Not a box: boxes read as adverts and guests skip them.
• Do not enlarge or embolden its price. The dish is the emphasis, not the number.

Limit this to two or three dishes on the whole menu. If six items are highlighted, none is.

Testing the hierarchy

Three quick tests catch most problems. First, the squint test: blur your eyes or view the page at 20 percent zoom. You should still see the section headings as distinct dark shapes and the dish names as a texture different from the descriptions. Second, the timed test: hand the printed menu to someone and ask for the price of the second dessert; more than eight seconds means a level is missing or too weak. Third, the count: list the number of different type sizes, weights and cases on the page. More than six combinations and the hierarchy has become noise.

Hierarchy is what makes a long menu feel short

A menu with thirty dishes and a clear hierarchy feels shorter than one with twenty and no structure, because the guest reads only the headings and the two sections they care about. Getting there costs nothing in paper or print: it is a handful of consistent decisions about size, weight, case and space, applied once and then inherited by every update. In Menu Atelier these levels are built into every generated layout, with headings, dish names, descriptions and prices already separated by size, weight and spacing appropriate to the style you pick, and you can see how the hierarchy holds up on the printed object by rotating the menu in 3D before exporting.