Design

Options to customize the look of your menus.

Fonts Menu

Each Menu Style has preselected fonts referred to the Style defaults. These fonts have been chosen to work together with the design, artwork, and layout of the Menu Style. You can override these font selections, however, and make your own for any Menu Style using the Fonts menu.

Under the Fonts menu choose which Font you want to change (Normal Heading, Food Item Name, etc) and the Font box will appear. As you make changes in the Font box, you'll see the new font updated in the Sample box. At any time click the Use Style defaults button to return to Style default for the font. When you're ready, click OK and your newly selected font will be applied to all elements of that type on your menu.

Font Box Options

The following options are available in the Font box:

Font Family

The name of the font.

Font Style

Sets the weight (regular, bold, etc.) and whether the font is Italicized (regular or italic). Not all Font Families contain all font styles - some fonts will not allow you to italicize or bold the font.

Size

The font size (in points)

Spacing

The letter Spacing - spacing in between the characters of a word. To expand the spacing enter a value from 1 to 3. To compress the spacing, enter -1. For normal spacing, enter 0.

Font Color

The color of the font.

Tip! Hey, where's my font? If your menu style has solid box type accent, and the font color is white to make it pop off the accent, and you remove the accent and your menu paper color is white: the font will now be most invisible. Simply change the font's color to something other than white to bring it back to life.

Effects

Add effects to the letters using these boxes. The available effects are: Underline, Overline, All Caps (all capital letters), Stroke (outlines the letters), and Shadow (adds a slight shadow to the letters).

Shrink all fonts

Use this command to decrease all heading and food item font sizes at once. This command is also available via the tool-bar for quick access.

Grow all fonts

Use this command to increase all heading and food item font sizes at once. This command is also available via the tool-bar for quick access.

Reset fonts to Style Defaults

If you have made changes to more than one font, and want to Reset them all back to Style defaults at once, use the command Fonts > Reset fonts to Style defaults.

Custom Fonts Add-on

The Custom Font Uploader lets you upload your own TTF, OTF, or WOFF fonts for use on any menu. For example, if you own or license a font that you use with your branding or marketing materials, you can upload that font and use it on your menus as well, to keep your branding consistent.

Custom Font (buttons)

You can upload a font by clicking the Upload Font button or browse previously uploaded fonts in your font collection by clicking the browse Custom Font box which is directly below the iMenuPro Font Family list.

To remove a font and return to the iMenPro font, click the red Remove button when it appears.

To Delete a custom font, browse to your custom fonts by clicking the browse Custom Font box and select the font you want to delete from your custom font list. Then click the Delete Font link and confirm the delete. Please note, once a custom font is deleted, if it was used on any other menus, it will be removed from those menus as well since the font will no longer be in the system.

NOTE Before uploading a font, you’ll want to make sure that your font is appropriately licensed for use in other applications. If you do not own the font, or its not properly licensed to you, do not upload the font. If you receive a message during upload that says the font is not appropriately licensed, try uploading a WOFF version if you have one. If not, contact the font vendor that distributes the font to obtain one without Restricted License Embedding.

Example of Vintage Title and Banner accents on Headings

How they Work

Heading Accents are preset for each Menu Style - some styles use them and some do not. To override the Menu Style heading accents for all headings of a particular type, use the Design > Accents command. Changing the heading accent with this command changes all Heading Accents of a particular heading type for any menu heading that has its accent set to (style).

To change only a specific heading's accent, edit the heading itself and choose the Accent and color under Accent. To remove an accent for a specific heading, edit the heading and choose Accent (none).

Options for Accents

The following options are available:

Accent

The Accent itself. To remove all Heading Accents for the heading type, choose (none).

Colorize

Check this box and then choose a color from the color selector to colorize the accent. Note: If the original accent has more than one color, this option applies a monochrome colorization to the accent.

Food box/line

This selector allows you adjust the relative height of food boxes that surround text and the position of underline and overline accents relative to the menu text.

Use Style Defaults

At any time, click Use Style defaults to use the Style's default Accent options.

Tip! Some divider Accents are available for Title Headings only as they are just too tall for Normal headings. Also, some Accents like the overlines, the rooster, the flower, etc. appear on top of the heading instead of below it. If the accent you want doesn't fit your menu, try using the Before/After spacing to give the menu text more breathing room.

Example of Curved Text and Ornament accents on Headings

Column Tweaks

You can adjust the space between columns, shrink the left or right column, or tweak the line that can appears between columns.

Space between columns

Sets the space between the columns. Applied to all columns on your menu.

Line between columns

Check the box if you want a line to appear between any columns, and then use the line options to choose the type of line you want.

Uneven column width:

Lets you shrink the left or rightmost column width to create uneven (unbalanced) column widths. Applied to overall menu style columns only, not to food columns.

Thickness

Sets the column line thickness in pixels.

Line Type

Sets the column line type which can be a solid, double, or dashed.

Use Shorter Line

Uses a shorter line between the columns. Because sometimes in life, what you need is a shorter line.

Line Color

Sets the column line color.

Description / Extras Tweaks

These options affect the Description and Extras for indents and bullet separators.

Left Indent

Sets the left indent for the food item descriptions (and extras) that appear on the 2nd line and beyond, relative to the left page margin and for non-centered Menu Styles only. If you want different indents for the descriptions and extras, enter the description value first, followed by a semi-colon, followed by the extras value. For example enter 0.2;0.35

Right Indent

Sets the right indent for the food item descriptions (and extras) that appear on line 2 and beyond, relative to the right page margin, for Food Layout > Left styles only.

Main bullet

Sets the description bullet (the character that separates the description from the food item name). To remove the description bullet choose none.

Extras bullet

Sets the extras bullet (the character that appears before the extras text). To remove the extras bullet choose none.

Name indent

Sets the left indent for food item names to the specified value (has no effect on centered items).

Item photos

Sets the relative size of photos that are attached to food items on the menu.

Food Layout

Sets the general layout alignment for the food items on the menu - either Left, Center, or Right.

Description (line)

This option works together with Food Layout for Left or Right layouts. Choose whether you want the description to start on the 1st line, i.e, the same line as the item Name, or the 2nd line, the next line below the Name. For centered layouts, the description always starts on the 2nd line.

Line Spacing

Sets the overall line spacing within the food items and headings themselves (and also between them) for the entire menu. This differs from Page Spacing which is only used to add or remove spacing between food items and headings. The normal line spacing is 1.0 for most Menu Styles although some use a bit more or less. You can change the value to use a bit less than normal or go all the way up to double line spacing at 2.0.

Tip! To fit items on a page Page Spacing is usually a better choice as it works only on the page you're editing and does not effect the overall design.

Use Style Defaults

At any time, click the Use Style defaults button to use the Style's default layout options.

The following options are available:

Price Placement

Determines where the priced is placed on the menu with the following choices:

Normal For non-centered Menu Styles, the price is right justified and always placed on line 1. For centered Menu Styles, the price is centered and is placed as the last line of text.

follow Description. For non-centered Menu Styles, the price is right justified and 'follows' the food item description, placed on the description's last line of text using the description's font. For centered Menu Styles, the price is added to the end of the food item description using the description's font.

with Description. For all Menu Styles, the price is added to the end of the food item description using the description's font so it appears 'with' the description. This placement, which effectively 'hides' the price with the description since it uses the same font and is not right-justified, is often used on menus to discourage 'price shopping'.

with Name. For all Menu Styles, the price is added to the end of the food item name so it appears 'with' the name. This placement can also have the effect of 'hiding' the price but less so than the 'with Description' option since the food item name font is usually more emphatic.

do not display. For all Menu Styles, the price is not displayed. This option lets you save your food items in the food list with prices and also have the option of creating catering or special events menus with the same food items but with the prices omitted.

Currency Symbol

Places a currency symbol in front of each numerical price on your menu (Dollar Sign, Pounds, Pound Sterling, Euro, Euros etc.). If you don't want currency symbols on your menu, choose none.

Use this Leader:

Places a leader character in front of your price, including the option to use leading price Dots.

Note Dots will only appear if Price Placement Normal is also selected.

Extra Dot Spacing:

Allows you to add an extra 1 or 2 spaces between Dots if you are using Dot leaders.

extra space near Item

Allows you to add extra space before the Dots start if you are using Dot leaders

extra space near Price

Allows you to add extra space where the Dots reach the Price if you are using Dot leaders.

Dots match Name color

Normally the colors of the Dots will be the same color as the price. But if this option is checked, the color of the Dots (if Dot leaders are in use) will match the color of the food item name. This can create a dramatic presentation for the price if the price font color is different than the food item name font color.

Multi-price spacing:

For Normal price placements, sets the amount of space between prices if more than one price is being used for a food item. (To use more than one price, simply enter your prices separated by a semi-colon, as in 10.95;12.95;15.95.) iMenuPro will then effectively right justify the prices on the same line with the proper spacing so they line up from item to item. For example, if you want 1 inch between prices enter 1. If you want 3/4 of an inch between prices, enter 0.75.

Use Style Defaults

At any time, click the Use Style defaults button to use the Style's default Price Options.

The following options are available:

Color

Sets the symbol color.

Use large symbols

If checked uses a larger symbol than the normal size (the relative size of each symbol is based on the item it's next to).

Keep inline with Name

If checked moves the symbols inline with the food item Name so they don't extend into the left margin. This option is useful if you have limited room in the left margin such as when using columns or when using a wide border. Note: Switching this option on/off can cause menu reformatting because the inline symbols take up part of the food item space.

Example using Keep inline

Example without using Keep inline

on left  on right

If you have Keep inline with Name checked, for certain menu styles you can also choose to have the symbols appear to the right of the item Name (normally they appear on the left).

Example with symbol on the right

We used these vintage Bauer tiles as inspiration for the iMenuPro Brand colors

Palettes

There are 16,777,216 colors available in the iMenuPro color picker. So sometimes its hard to know where to get started to find that perfect combination of hues. To help, we offer some great preset palettes as starting points. Just click Palettes in our color picker to see an expanded preset palette list.

You can use these palettes by clicking the color swatches, or as inspiration by clicking the swatch and then tweaking the final color in the color field or spectrum bar.

To hide the expanded palette list, just click -Palettes again.

Insert Image

To add an image (or picture) to your menu, use either the Insert > Artisan Image or Insert > Uploaded Image command. Once the Insert window appears, use the Browse button to find the image you want.

Adding Your Own Images

If you're adding your own images, you'll see an Upload Image button which will let you upload images from your computer to your own image collection where they can be accessed at any time. The image collection lets you manage all of your uploaded images in one place so you can search for the image you need and use the same image on multiple menus without having to upload it each time.

NOTE Some older browser versions (such as Internet Explorer 9 or Safari 5) will not allow image uploads. Make sure you have the latest version of your browser installed to use the upload feature.

Positioning the Image

Once on your menu, simply drag the image where you want it positioned. To resize, wave your mouse over the resize icon (lower right corner) and click and drag (or Shift-click and drag to maintain proportion). For more precise editing, or if you're on a tablet, click (or tap) the image to edit it's dimensions, orientation, rotation, and if it's an Artisan image, its color too.

Use Shift-Click + drag on the resize icon to resize with proportion

Tip! You can also attach your uploaded images to a specific food item. You'll lose flexibility on sizing and placement using this method, but when the food item moves the image will move with it. To do so, edit a food item and select the photo to attach in the photo box.

Options for Edit Image

The following options are available:

Maintain Proportion

Check this box if you want the size of the image to maintain its original proportions.

Width

The image's width.

Height

The image's height.

Left

The distance the image is from the left edge of your menu.

Top

The distance the image is from the top edge of your menu.

Rotation

The rotation angle of the image (use 0 or no for no rotation).

Flip (Artisan images only)

Check this box to flip the image vertically.

Mirror (Artisan images only)

Check this box to flip the image horizontally, creating a mirror image.

Colorize (Artisan images only)

You can change the color of some artisan images. Check this box and then choose a color. You can change the change the opacity of the images (lightness) also with the slider at the bottom of the color box. Note: If the original image has more than one color, this option applies a monochrome colorization to the image.

Lighten (Some Artisan and all Uploaded Images)

You can change the lightness of your uploaded logos, photos, pictures, or artwork to create your own background or watermark. To lighten an image, check this box and then choose a lightness value.

Examples of artisan images rotated and lightened

Browse (button)

The Browse button lets you browse the Artisan image collection or your own image collection. Upon clicking the Browse button you're presented with a list of either Artisan Images or Uploaded Images. (For Artisan Images there is an additional View button to view the various collections available. For both Artisan and Uploaded Images there's a Search box as well to help you find the image you're looking for.

On Menu

Uncheck this box and then click OK to remove the image from your menu.

Delete Image (Uploaded images only)

Permanently deletes an image from your image collection. (Clicking any uploaded image in your image collection will give you the option to delete it.) If this image appears on any menus, it will no longer appear on those menus after it's been deleted. To simply remove an image from the menu, use the On Menu button instead.

Tip! You can also RIGHT-CLICK the image to edit it, center it, change its display order (front to back), change the page it appears on, or remove it from your menu.

To remove an Image from the Menu

Click the image and uncheck the On Menu box. Or (if you're on a computer with a mouse) right-click the image and select Remove from menu or hover over the item with your mouse and click the X in the upper-right corner.

To clone an Image from an existing image on the Menu

Right-click the image and select Clone to create a duplicate image on the menu.

To make an Image appear on top of text

Right-click the image and select On top of text which will place image on top of text elements instead of underneath them.

Tip! If the menu text is cramping your style in regards to moving or placing images, just disable it by using View > Disable menu text. After your images are perfectly placed, you can re-enable the text using View > Enable menu text.

Adding Floating Text

Use the Insert > Floating Text command to add floating text.

Changing the Floating Text Font

Use the Fonts > Floating Text to change the font, size, and color of your floating text.

Floating Text Fields

When you edit floating text a Floating Text box appears with the following fields:

Alignment

Sets the alignment within the block of floating text itself. The default alignment is Left.

Box/Accent

You can select a box or accent for the floating text here. You can also change the accent's color using the Box/Accent Color selector. To remove the box or accent from the floating text select (none).

Position - Left

The distance the floating text is from the left edge of your menu

Position - Top

The distance the floating text is from the top edge of your menu.

Line Spacing

Sets the line spacing within the floating text item. 1.0 is the default single spacing option.

Effects - Scale Size:

You can set the overall size, font, and color for all Floating Text using Font > Floating Text but you can also tweak each individual floating text block to vary its size using the Scale Size effect.

Effects - Rotate Text

The rotation angle of the floating text. Select none if you don't want the text rotated.

Restaurant name using floating text rotated 270° vertical up

Slogan using floating text rotated 355° tilt up

Effects - Curvy Text

The curvaceousness of the floating text. Select none if you don't want curvy text.

'Authentic' using floating text curved up

Effects - Alt Font:

You can set Alt Font to use to use the Alt-Font Floating Text font (set under the Font menu) instead of the normal floating text font. This allows you to have an alternative font family for some floating text.

Tip! You can use Floating Text as a watermark by clicking Fonts > Floating Text and using the opacity slider after clicking the Font Color button. If you select a very light opacity, the floating text will appear as a watermark.

Example using watermark Floating Text