How to design a restaurant menu guests can read on paper and on a phone

A guest at table six tilts the menu toward the candle, holds it at arm's length, and asks the server what the third thing under Mains is. That is the moment a menu is designed for. A menu that works is organized in the sequence a meal happens, set in type large enough for a dim room, priced in one consistent format, honest about what is on the plate, and carries the notices the local health code expects. The same decisions then carry over to the version a guest opens on a phone from a QR code, where the type size is partly in the guest's hands.

This guide covers the sequence of sections, how much goes on a page, descriptions, prices, type and color, the notices US rules expect, the phone version, and how MenuFramer handles the screen half.

At a glance: the three places a menu gets read

Decide what the menu is for before you open a template

The template comes last. The first decision is which menus you need and where each one gets read, because a dinner menu read by candlelight and a drinks list read standing at the bar do different jobs.

The menus most dining rooms carry

Most restaurants end up with a main menu, a drinks list, and a short sheet for specials or a children's menu. Vistaprint's flat menu page, read in November 2026, lists its 3.75 by 8.25 inch size as suited to drink lists or specials, alongside 8.5 by 11 and 11 by 17 inches for full menus. A guest holds a slim card differently from a full sheet, and the type that fits one will feel cramped on the other. Start by writing down every menu you hand out and where a guest is standing or sitting when they read it.

Where guests read it

Walk the room at the time you are busiest and look at the light. A corner booth under a pendant at 8 pm, the patio in full sun and the bar with its backlit shelves all put different demands on the same sheet of paper, and the phone version adds a guest on the sidewalk in daylight and a guest under the table with the screen dimmed. Every decision below is easier with those scenes in mind.

Put sections in the sequence a meal happens

A guest reads a menu to make a decision, so the structure should follow the decision. Starters, then mains, then sides, then desserts, with drinks either on their own list or at the end, is the sequence most guests already carry in their heads. A menu that opens with the chef's favorite section forces every guest to hunt for the one they wanted.

Use section names guests already know

Section headings are signposts, and a signpost works when it says what everyone expects. "Starters", "Mains", "Sides" and "Desserts" need no explanation. A house term ("From the hearth", "Small things") works if the dishes under it make the meaning obvious at a glance, and fails when a guest has to read the whole section to work out what kind of food it holds. If you want a house name, keep the plain word next to it.

Keep each section readable in one pass

A section works when a guest can read it top to bottom without losing their place. We have found no primary source that gives a count, so we give none. The practical test is to hand a proof to someone who has never seen it, ask them to pick a main, and watch whether their finger goes back up the list. If it does, split the section in two with a plain heading on each half.

Decide where specials and sold-out dishes go

The fish runs out at 7:30 and the printed menu still lists it. On paper you have two choices: a clip-in insert for specials that changes daily, so the main sheet stays accurate longer, or a server telling every table. On the screen version you can hide the dish the moment it sells out; MenuFramer's dishes page says that when you hide a sold-out dish or a whole section, the change is live everywhere the menu appears. Either way, design the paper so a dish can disappear without leaving a hole: keep the specials off the main sheet from the start.

Write descriptions that say what is on the plate

A guest asks which dishes have nuts. A guest asks whether the chicken is fried or grilled. Every question a server answers twenty times a night is a description that could have done its job on the page.

Name the ingredient, the method, and the one thing that makes it yours

A description that works has three parts: the main ingredient, how it is cooked, and the detail that makes the dish yours. "Half roast chicken, lemon and thyme, pan juices" does all three in nine words. Adjectives that describe the guest's feelings ("heavenly", "indulgent") carry no information and take up the space a real detail could use.

Keep every claim honest

The FDA Food Code is a model code that states adopt into their own rules. Minnesota's adopted version of section 3-601.12, Food Honestly Presented, reads: "Food must be offered for human consumption in a way that does not mislead or misinform the consumer." The same rule says color additives, colored overwraps and lights must not be used to misrepresent the true appearance, color or quality of food. For a menu writer, that means "fresh", a breed name, a region of origin or "house-made" has to be true of the plate that arrives, and when a supplier changes, the description changes with it.

Mark dietary facts in a way guests can scan

A guest who is vegan, or who is avoiding gluten, scans for a mark before reading anything else. A small, consistent mark after the dish name (V, VG, GF) with a one-line legend at the foot of the page is enough on paper, provided the legend is on every page the marks appear on. For allergens, US federal labeling law covers packaged food, and the rules for a restaurant menu come from state and local health codes, some of which require a line asking guests to tell staff about allergies. Our guide to allergens on restaurant menus lists the states whose official texts we could open, with the wording each one asks for.

Set prices so they are easy to compare

A guest comparing two mains looks from one price to the other. A price buried in a sentence here and set in a column there slows that glance for no reason.

Pick one format and use it on every line

Decide three things once: whether the dollar sign appears, how many decimals you show, and where the price sits. Then apply the decision to every line on every menu. A menu that reads "19" on one line and "$19.00" on the next looks like two menus stapled together. Whether to print the dollar sign is a style choice; the consistency is what guests notice.

Choose between an inline price and a price column

An inline price follows the description on the same line, which keeps each dish as one unit and suits longer descriptions. A right-aligned column lines every price up, which makes comparison quick and suits short lists such as drinks. Leader dots, the row of periods that joins a dish name to its price across the page, keep a column readable when descriptions are different lengths. Pick the layout that fits your descriptions and keep it the same across sections.

Calories, if you are part of a chain of 20 or more

Under 21 CFR 101.11, a restaurant that is part of a chain with 20 or more locations doing business under the same name and offering substantially the same menu items is a covered establishment, and its menus must carry calorie counts. The regulation says the calories must be adjacent to the item's name or price, in a type size no smaller than the type size of the name or the price, whichever is smaller, with color and background contrast at least as conspicuous as the name or price. Calories are rounded to the nearest 5 up to 50 and to the nearest 10 above 50. Each menu also needs the statement "2,000 calories a day is used for general nutrition advice, but calorie needs vary" at the bottom of each page, and the statement "Additional nutrition information available upon request". For an item sold in several flavors, the rule allows a slash for two options and a range written as "xx-yy" for more. Below 20 locations the federal rule does not apply, and some states and cities have rules of their own.

Choose type and color for a dim room

The menu gets designed on a bright screen at 2 pm and read at a table at 9 pm. Test every type and color decision in the second place.

Set the size for the room, and define the units

A point is the unit in which type size is measured, and the sizes below are in points unless they say pixels. Practical Typography, a widely used guide by Matthew Butterick, puts the optimal size for body text in print at 10 to 12 point and on the web at 15 to 25 pixels. Those figures are for a book or a document read in good light at a comfortable distance. The RNIB, the UK's sight loss charity, says clear print is usually 14 point, large print is usually 16 point or higher, and giant print is usually 18 point or larger. A dining room is closer to the RNIB's conditions than to a well lit desk, so our recommendation is dish names and prices at 14 point or larger and descriptions no smaller than 12 point, then a proof read under your own lights before you commit to the run.

Measure contrast, and define the ratio

Contrast ratio is a number that describes how much lighter the text is than its background; a higher number means the text stands out more. The W3C's Web Content Accessibility Guidelines, in success criterion 1.4.3, require a ratio of at least 4.5 to 1 for text, and at least 3 to 1 for large text, which the W3C defines as at least 18 point regular or at least 14 point bold. Text that is part of a logo is exempt. The W3C's stricter level, in success criterion 1.4.6, uses 7 to 1. Those criteria are written for screens, and they are also the clearest published floor for paper: gray text on cream paper, or a colored accent used for prices, can fall under 4.5 to 1 without looking wrong on a monitor. Free contrast checkers take two color values and return the ratio, so check the exact colors in your file before printing.

Limit yourself to two fonts

One font for the masthead (the title block at the top of the menu) and section headings, and one for dish names, descriptions and prices, is enough. Choose the body font by setting your longest description in it, since a masthead looks good in almost anything and the long line is where a font shows its weaknesses. Apple's Human Interface Guidelines note that font weight affects how easy text is to read, and that a custom font with a thin weight should be set larger than the recommended sizes. Practical Typography adds that different fonts set at the same point size will not appear the same size on the page, so compare two candidates by setting the same paragraph in each and adjusting one until the lines wrap at about the same spot.

Choose paper you can read and wipe

Paper finish changes how the type reads under a pendant light. Vistaprint's flat menu page describes its matte stock as glare-free and its glossy stock as shinier, and lists synthetic and fine grit stocks with water-resistant laminations for menus that get wiped down. Ask the printer for one proof, take it to the darkest table, and read the smallest line before you commit to the run.

Put the notices the health code expects where guests see them

A guest asks whether the burger can be cooked medium rare. The answer on the menu has a prescribed shape in most US jurisdictions, and it is easy to design in once you know it.

The raw and undercooked advisory

The 2022 FDA Food Code defines a disclosure as a written statement that clearly identifies the animal-derived foods that are served, or can be requested, raw or undercooked, and a reminder as a written statement concerning the health risk of consuming those foods. States adopt the Food Code into their own rules, and Minnesota's adopted version of section 3-603.11 shows the shape. The disclosure is met either by describing the item ("oysters on the half shell (raw oysters)", "hamburgers (can be cooked to order)") or by marking each such item with an asterisk that points to a footnote saying the items are served raw or undercooked, or contain or may contain raw or undercooked ingredients. The reminder is an asterisk on the same items pointing to a footnote with one of three wordings: "regarding the safety of these items, written information is available upon request"; "consuming raw or undercooked meats, poultry, seafood, shellfish, or eggs may increase your risk of foodborne illness"; or that second wording followed by "especially if you have certain medical conditions". The Minnesota rule accepts menu advisories, table tents, placards and other effective written means. Set the asterisk at the size of the dish name, and put the footnote on every page that carries an asterisk, in type a guest can read. Your own state's text may differ, so read it before you print.

Allergen lines

Allergen notices follow the same pattern: a short line on the menu, in the wording your state asks for, placed where every guest sees it. Put the line in the footer of every page, in the body size, and keep it in the same spot on the paper menu and the phone version so staff can point to it.

Large print and reading aloud

ADA.gov's guidance on effective communication lists information in large print, Braille, or electronic form for a screen reading program among the aids for people who are blind or have low vision, and its one restaurant example is reading the menu aloud to a person who is blind so that they can decide on a dish. The guidance says covered entities must provide auxiliary aids and services when needed to communicate effectively, unless doing so would be an undue burden, which it defines as significant difficulty or expense. Two cheap design decisions follow. Keep one large print copy of the menu at the host stand, which is the same file printed on a larger sheet, and make sure the phone version is real text, since a screen reader (software that reads a page aloud) cannot read a photo of a menu.

Design the phone version with the same decisions

A guest scans the code on the table, and the menu that opens has to answer the same questions as the paper one, in a space the width of a hand. The decisions above carry over; what changes is who controls the size.

A PDF on a phone shows a slice of the page

Our guide to PDF menus and online menus puts it this way: "PDFs are laid out for paper sizes, so the view on a screen shows only a small part of the content at a time." The guest zooms in on one section and pans across to find the price. A menu built as a web page sets its text to the width of the screen, so the guest reads by scrolling down, and the price sits where the eye expects it. Keep the PDF for printing and treat the web page as the version guests read on a phone.

Let the guest set the size

On a phone, the guest's own setting decides part of the type size. Apple's Human Interface Guidelines describe Dynamic Type as a system feature that lets people adjust the size of visible text on their device, and give 17 point as the default text size on iOS (the software on an iPhone) and 11 point as the minimum. The guidelines also advise testing legibility in different contexts and, where text is hard to read, using a larger size, increasing contrast, or switching to a typeface designed for legibility. For a menu page, that means opening it with the phone's text size at its largest and confirming that names, prices and filters still fit.

Check it in dark mode and daylight

A guest reading at 9 pm often has the phone in dark mode (the setting that shows light text on a dark background), and a guest on the patio at noon is fighting the sun. A menu page that offers a light theme, a dark theme, or follows the phone's own setting covers both, provided the accent color passes the contrast check on both backgrounds. Check prices and dietary marks in particular, since an accent that reads well on white can drop below 4.5 to 1 on a dark background.

Photos change the layout

A photo-first menu changes the reading sequence: the guest looks at the picture, then the name, then the price. That works when every dish in a section has a photo of the same shape taken in the same light, and it falls apart when half the section has photos and half does not. Our guide to menu photos on a phone covers light, angles, framing and export settings. Shoot the whole section before you turn photos on for it.

Get the code to the right place

The QR code on the table should open the menu page itself, with the restaurant's name at the top so a guest knows the scan worked. Our guide to QR code menus covers where the code should lead and how to print codes that scan, and our guide to adding your menu to Google covers putting the same address in your Google Business Profile.

How MenuFramer handles the screen version

MenuFramer replaces the contents of the menu page on a website a restaurant already has with a photo-first menu that guests can search and filter by dietary need. It does not print your paper menu, and the paper decisions above remain yours. Where it helps is in carrying those decisions onto the phone without a second round of design work. The steps below use the labels its docs give in November 2026.

Build the structure once

1. Open Menu in the sidebar, with the live preview beside it.
2. Add a section and name it as it appears on your printed menu. Guests see the name exactly as typed, as a heading.
3. Drag sections into the sequence guests should read them. The sequence on screen is the sequence on the menu.
4. Add a dish to its section and enter the name and price. The name becomes the dish's heading, so write it as it appears on paper.
5. List the dish's ingredients. They power search, so a guest who types an ingredient finds every dish containing it.
6. Record the dish's dietary facts: whether it is vegetarian or vegan, and its major allergens. The menu applies a guest's filters from those facts.
7. Upload a photo now, or add photos later from the Photos screen, which manages photos for the whole menu.
8. Save. If the menu is live, the dish appears on it immediately, with no separate publish step for edits.

Set type and color, then check both themes

1. Open Design in the sidebar. A phone preview shows each choice on your real menu as you make it.
2. Pick a heading style. It applies to the masthead and section headings.
3. Pick the body face separately. It sets dish names and descriptions, and the docs recommend judging it on your longest dish description.
4. Open the accent color field. Pick a swatch, type the hex code (the six-character color code a brand guide lists) from your brand guide, or use the eyedropper on your logo. If a color would be hard to read, the studio warns you.
5. Check the preview in light and dark modes, and choose a light theme, a dark theme, or a theme that follows the guest's phone.

Design presets, which the platform page describes as starting from a curated look, give you a pairing to begin from if you have no brand guide yet. Every dish gets its own address on your domain, which makes the menu eligible to be found in search; it makes no promise about where it appears. The details are in Choose your fonts, Set your accent color and the design overview. If you are weighing a menu page against the other ways a menu can live online, our guide to online menu options for restaurants compares them.

Frequently asked questions

What size should the text on a printed menu be?

Set dish names and prices at 14 point or larger and descriptions no smaller than 12 point. The RNIB says clear print is usually 14 point, and Practical Typography's 10 to 12 point range for body text assumes good light at a desk. Print one proof and read it at the darkest table before the run.

How many dishes should a section have?

We have found no primary source that gives a reliable number, so we do not give one. The working test is whether a first-time reader can pick a dish from the section without their finger going back up the list. If it goes back, split the section under two plain headings.

Should prices show a dollar sign?

It is a style choice, and the part guests notice is consistency. Decide once whether the sign appears, how many decimals you show and where the price sits, then apply it to every line on every menu. A menu that mixes formats reads as two menus.

Do I need the asterisk and footnote about raw or undercooked food?

In most US jurisdictions, yes, where the FDA Food Code's consumer advisory has been adopted and you serve animal foods raw or undercooked, including burgers cooked medium rare and raw egg in a Caesar dressing. The advisory has two parts, a disclosure that identifies the items and a reminder about the risk, and both can be met with an asterisk pointing to a footnote in prescribed wording. Read your own state's text, since wording and placement can differ, and this guide is not legal advice.

Do I have to list calories?

Under 21 CFR 101.11, calorie counts are required for restaurants that are part of a chain with 20 or more locations under the same name offering substantially the same menu items. The counts go beside the item's name or price in type no smaller than the smaller of the two, with the same conspicuousness of color and contrast. Below 20 locations the federal rule does not apply, and some states and cities have their own rules.

Can I use a photo of my paper menu as the phone version?

A photo is an image of text, so a guest cannot enlarge the text with the phone's own setting and a screen reader cannot read it. It also goes out of date the moment a price changes on paper. Use the paper design as the starting point and rebuild it as real text on a page that fits the screen width.