Overall design standards

Overall design standards There are five basic slide samples presented here to help you build a PowerPoint® presentation: Cover slide with UCLA Mattel Children’s Hospital logo Section title slide Title + Text slides Photo slides Other slides Select and edit any of the following sample slides to create your own custom presentation.

Overall design standards These standards are a tool to help guide you These sample slides will not cover every design challenge needed in a PowerPoint presentation By using these standards for color, type size, backgrounds and placement, a presentation can be created that is in keeping with our brand

Overall design standards Please follow these basic guidelines when creating a new presentation: The cover slide should always be the first and last slide of every presentation Never change the background color of a slide This means never use a photo, illustration or pattern for the background of any slide that contains copy All slide transitions should be set to default; no animation should be applied

UCLA Health cover slide The previous slide is the UCLA Mattel Children’s Hospital cover slide. It is always the first and last slide of every PowerPoint presentation The background is always UCLA Blue (RGB values 39-116-174) with white stripe behind logos The logos are always in full color Never add photos, illustrations or text to this slide For best results, copy and paste the artwork from the sample slide

Section title Slide

Section title slide The previous slide is an example of a section title slide. This is used as a divider to begin sections in a presentation The background is always white The top bar is always UCLA Blue The bottom bar is always PMS 1235 (Gold) The type is always black

Standard slide This is the standard slide design. This basic layout will be used the majority of the time for all presentations You can change the slide layout by selecting other text and content layouts available in the Slide Layout menu While the basic layout and available placeholders will change when you select from the Slide Layout menu, text formatting and colors should remain the same

Standard slide The standard slide has a few design rules: The header bar is always at the top of the slide and is UCLA Blue The bottom bar is also UCLA Blue The UCLA Mattel Children’s Hospital is always in full color, and is placed below the bottom bar The page number is always Arial 10 pt. black, and is placed in the right corner of the bottom bar, 0.25" from the right edge

Standard slide The standard slide has a few design rules: The header bar, bottom bar, logos and page numbers are preformatted in the Master Page. By default, these elements should appear on every slide except for the cover slides. To review the Master Page layout, select View | Master | Slide Master from the PowerPoint main menu

Color palette

Color palette All slides have been created using the following color palette. These colors should not be changed: UCLA Blue PMS 1235 (Gold) PMS Cool Gray 10 Black

Text formatting

Fonts & point sizes Font colors and point sizes are preformatted in the Master Page and should not be changed Slide headings are set in Arial at 28 pt. and appear in white Body copy is set in Arial at various point sizes and appears in UCLA Blue, black or PMS Cool Gray 10 The next slide is an example of the fonts, sizes and colors used throughout the presentation To review the Master Page layout, select View | Master | Slide Master from the PowerPoint main menu

Bullets & indents Bullets are used on all sample slides to show examples of font and color formatting for each level of text Use the Bullets and Decrease | Increase Indent options in the formatting toolbar to create text levels First Level – Arial 20 pt. Second Level – Arial 18 pt. Third Level – Arial 16 pt. Fourth Level – Arial 14 pt. Fifth Level – Arial 12 pt.

Click to edit photo caption

Photo slide The previous slide is an example of a photo slide. Photo slides are created using the Photo layout from the Slide Layout menu Photos should always bleed left and right, and do not go beyond the top and bottom bars The top bar and bottom bar should not be covered by the photo Never place type over the photo Caption is always below the photo in the area above the bottom bar

Photo slide The previous slide is an example of a photo slide. Photo slides are created using the Photo layouts from the Slide Layout menu By default, the photo will conform to the size of the placeholder provided in the basic slide layout You will need to manually scale and crop your image to be full-bleed using the format picture options and tools in the drawing toolbar

Other slide layouts

Other slide layouts This is an example of how to place a smaller photo using a Text + Photo layout Photos should scale from the center to the edge of the slide Copy should never overlap the photo Photos should not cover the bottom bar

Other Slide Layouts This is an example of how to place a smaller photo using a Text + Photo layout Photos can be on the right- or left-hand side of a slide Both options are available in the Slide Layout menu

Other slide layouts This is an example of how to place a inset photo using a Text + Inset Photo layout Photos should scale from the center to the edge of the slide Copy should never overlap the photo Photos should not cover the bottom bar

Other slide layouts This is an example of a Title + 2-Column Text layout All font and color formatting standards are the same when using multiple text boxes The boxes should be separated by a 0.75 pt. black rule as shown You can manually insert a rule or copy and paste it from this sample slide Arial 20 pt Arial 18 pt Arial16 pt

Slide heading First Level – Arial 20 pt. Second Level – Arial 18 pt. Third Level – Arial 16 pt. Fourth Level – Arial 14 pt. Fifth Level – Arial 12 pt.

Other slide layouts Illustrations and smaller photos can be used in presentations The illustration or photo should not interfere with the body copy By default, the photo will conform to the size of the placeholder provided in the basic slide layout You can customize the size and placement of your image(s) using the format picture options and tools in the drawing toolbar

Other slide layouts This is an example of how to use a chart in a presentation Use colors that will complement your slide color palette If your chart contains type, make sure it is easy to read against your slide background Use a 0.75 pt. gray rule to separate the chart from the body copy