Roasting tasty toppings on a pizza crust is easily imagined from Kim Marshall's richly colored web pages. As chef and owner of Horace and Lydia, she brings an obsession for travel and culinary experience to the table. See the website ›
The site for Horace and Lydia, a line of gourmet pizza crusts, shows how visually compelling a site can be with effective use of a grid.
Adobe® Muse™ software makes using a grid easy, with a number of properties available in the Site Properties dialog box to help you establish a structure for your design: numbers of columns, column widths, and gutter widths along with page width, margin, and padding properties.
Adobe Muse offers a selection of navigation menu widgets that allow you to focus on the fine details of your menu design rather than worrying about the links being right. The widgets can be automatically generated from your site structure, and each menu item has a selection of states to utilize.
Horace and Lydia's menu makes excellent use of both the mouse hover and active states. On hover, an icon representing the nav item appears, like a pizza slice or a cocktail. When you visit the page linked in a menu item, it turns green to indicate your current location within the site.
Skilled use of repetition can bolster the unity and rhythm of a site design, as seen here with Horace and Lydia's use of background colors and patterns in multiple places.
Create a graphic style in Adobe Muse to keep your repeated design elements consistent and easy to edit. When a graphic style is changed on one object, those changes can be passed on to all other instances of the style by using the Redefine Style command in the Graphic Styles panel.
