P&G Brand Book

q Corporate Visual Identity Guidelines January 2023

Introduction Layouts & Templates Table of Contents System Introduction 3 Overview 50 Overview 5 Full Bleed 53 Macro Circles 55 Assets & Principles Full Circles 57 Overview 7 Content-Driven 60 Logo 8 Circle Grid 61 Typography 15 Layout Do Nots 63 Color Palette 18 Photography 21 Resources & Contacts Cropping Logos 28 Infographics & Icons 30 The information contained in this document is con昀椀dential and is intended for internal use only. Pattern 31 This information is not the be shared with others unless authorization is granted. Copyright P&G. System Flexibility Overview 33 Corporate 34 Citizenship 36 Recruiting 42 Environments 44 Animated Assets 46 Pattern Mosaics 47 Tagging 48 2 P&G Corporate VIS ID Guidelines

Introduction Heritage Connection Our visual identity has always been and will continue to be connected to the phases of the moon. It is a symbol of our unique ability to touch the lives of consumers throughout the phases of their day, their life, and across generations. In our evolved VIS ID, the phases of the moon meet 1837 1851 1853 1859 1875 the vibrant optimism of the sun. Adding yellow to our visual identity is a strategic choice. A continuum from our historical lunar inspired blues to the bright energy that the sunrise of every new day brings. 1882 1930 1991 2013 2018 2003-2012 3 P&G Corporate VIS ID Guidelines

Power of Connection Our VIS ID system is built on the symbiotic relationship between the P&G brand and the brands we bring to the world every day. The system was inspired by the following overarching principles: Connected Powerful P&G and our iconic brands Graphics are simple and bold are connected. Each is stronger to highlight and emphasize. together. Simple Circular Simple, singular design The system is built on a circle — choices and assets. a powerful, universal symbol of balance, protection, continuity Flexible and momentum. Flexibility in the system to modulate across audiences Optimistic and touchpoints. Yellow energizes the solid, trusted and familiar P&G blue. 4

Improving every day lives. Wexerum fugitas seculla et aut omnihil incil et as ent iminim natur? Elit ea venis con expliquid ut ent, non cus nonecullam seque in error autesti nullorrundus pror mincid molut ut alit porerum aut ea deribusant et omnis delitatiore venihil entota nobisin ulparcia postrum qui om- nihic iminus, quaspienim fugit fugiae nonsed quas custruptam, ut aruptaquae. Faciis dipicabor mint quat exeribusdant ommo- luptur rem quo cum solorempos doloritatem qui beribus aut ut vellor alibus quis soluptas nonsed qui restrum quatesti alique volut dolecti Trailblazer. ium volupta Role Model. Champion. This is Sarah Roberts. From the early days in Albany, Georgia, your advocacy and inclusion created a standard of excellence for generations to come. Thank you for your leadership and extraordinary accomplishments at Procter & Gamble. We salute you! Improving everyday life.

Our assets work together to create a uni昀椀ed expression of our brand. Assets & Principles Overview 7 Logo 8 Typography 15 Color Palette 18 Photography 21 Cropping Logos 28 Infographics & Icons 30 Pattern 31 6 P&G Corporate VIS ID Guidelines

Assets & Principles Asset Overview LOGO TYPE COLOR Montserrat Aa123. PMS 293 PMS 299 WHITE PMS 108 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 PHOTOGRAPHY PATTERNS NOTE: Patterns below are scaled for reference only. Do not use directly. Use released artwork for live patterns. 7 P&G Corporate VIS ID Guidelines

Assets & Principles Logo FULL COLOR LOGO AND CLEAR SPACE LIMITED COLOR The P&G logo is our primary logo. It should be used on all communication in full color whenever possible. CMYK should be used for all printed materials and RGB should be used for digital applications. .5x .5x 2 Color: 1 Color: 1 Color: Limited Color Cyan, Magenta PMS 293 Black Two color and one color variations have been created for print use only when process LIMITED USE printing is not an option. Limited Use The outline single color version of the logo should only be used when print stations are PMS 293 Black Reversed not available or in very small applications. Single color logos should be produced in PMS 293, black or white. x x LEGAL ENTITY WORDMARK Legal Entity The P&G legal entity is reserved exclusively for use by Legal and Governance Relations communications only. Wordmark Use of the Procter & Gamble wordmark is limited to heritage or archival applications only. Clear Space .5x .5x Only consider clear space when logo is being used without other brands, taglines or lockups. 8 P&G Corporate VIS ID Guidelines

Assets & Principles Logo Sizing VERTICAL HORIZONTAL For corporate communication, the P&G logo should always be a dominant priority or communication. Use the following size relationship for standard sized applications. Logo : Size of Page X 1 : 5 for vertical layouts X 1 : 6 for horizontal layouts X X 1 : 2.5 for extreme vertical layouts X X 1 : 2.5 for extreme horizontal layouts Signoffs in corner with no copy 6X 6X 1 : 6 for vertical layouts 1 : 8 for horizontal layouts X X X 2.5X Signoffs with copy 1 : 12 for vertical and horizontal layouts X 5X 5X See page 11 and 12 for additional guidance X 2.5X for logo lockups and signoffs. X Logos in Circle Grid layouts should follow X size ratios for templates on page 57. See more detailed guidance for individual X SIGNOFFS templates on pages 49–58. X X X Lorem ipsum 2.5X dolor sit amet. Pora dit, consecto in non ni sae natiuntiore sum con pa vollorem der- spernam quam quiam est, is dendios il et abo. Ut pre essum quostrum. BRAND LOGOS X X X 2.5X 8X X 6X 12X 9 P&G Corporate VIS ID Guidelines

Assets & Principles Logo Usage The P&G logo must appear in all LEAD CONNECT TAG communications. In layout, it is used in three primary ways depending on the communication objectives. Lead When P&G is the priority, it can be used as a headline or in support of a headline. It can either be alone, or with brand logos or copy. Connect Improving everyday life. When P&G is part of a corporate or Pudias volora, te dunt as nobit mos sitius rersped iis nia minieni of昀椀cil mo quia. brand story, it can either connect two circles in the grid, or become one of the circles in the grid. Business Tag #WeSeeEqual When P&G serves to credential or signoff, We aspire to build a better world for all of us— over bias. it can go at the bottom or the end of a inside and outside of P&G—a world free from gender bias, and a world with an equal voice communication piece and be alone, or and equal representation for women and men. #WeSeeEqual locked-up with brand logos. We aspire to build a better world for all of us—inside and outside of P&G— a world free from gender bias, and a world with an equal voice and equal representation for women and men. 10 P&G Corporate VIS ID Guidelines

Assets & Principles Logo Lockups Brand Logos CENTERED Ideal for use as a header, the centered logo lockup features the P&G logo with four or six brand logos balanced on each side. Centered • The P&G logo is centered larger than Improving everyday life. the brand logos. • Include no more than six and no less than Pudias volora cullatusam, te vernatque dunt as nobit mos sitius rersped minc iis mil ipsantem ut asitis dige nia Accuptat emperunt minieni of昀椀cil mo quia. four brand logos, in addition to P&G. • Logos should be full color on a background that provides good contrast. • All lockups should follow the guidelines provided for scale and spacing. • When used without copy, the centered lockup can be only be placed in the top third of the composition. • When used with copy, place the centered lockup above copy headline and place lockup either in the top or bottom third of composition. LOGO SIZING • Only use with centered copy. Contact the Brand Design or Communications BRAND LOGOS BRAND LOGOS BRAND LOGOS BRAND LOGOS Manager to ensure the correct brand logo is used. X X 8X 6X 11 P&G Corporate VIS ID Guidelines

Assets & Principles Logo Lockups Brand Logos LEFT-JUSTIFIED Left-justi昀椀ed lockups are only used as signoffs and should be placed at the end of copy. Left-Justi昀椀ed • The left-justi昀椀ed lockup always starts with the P&G logo followed by brand logos. • Include no more than six brand logos, in addition to P&G. • Logos should be full color on a background that provides good contrast. • Lockup should be placed in the corner of a composition with no copy or a signoff aligned with body copy. • Do not use the P&G logo as a header or LEFT-JUSTIFIED AT 2X SCALE connector if using as a signoff. Left-Justi昀椀ed at 2X Scale • When P&G is a priority over other brands in the lockup, use the 2X Scale lockup. • Review guidelines above for placement rules. Contact the Brand Design or Communications Manager to ensure the correct brand logo is used. LOGO SIZING Brands Working Lorem ipsum Together Lorem ipsum dolor sit amet. Pora dit, consecto in non ni sae nati- dolor sit amet. untiore sum con pa vollorem dersper- Pora dit, consecto in non ni sae nam quam quiam est, is dendios il et - abo. Ut pre essum quostrum. natiuntiore sum con pa vollorem der spernam quam quiam est, is dendios il et abo. Ut pre essum quostrum. BRAND LOGOS BRAND LOGOS X X 15X 12X 12 P&G Corporate VIS ID Guidelines

Assets & Principles Personality Expressions Personality Expressions Personality Expressions (PE) are creative, cost-effective logo design solutions for P&G Children’s Safe organizations, events and programs. They build P&G’s equity while creating a sense of Drinking Water community and identity for a group or program. A PE icon lockup can be placed only to the left of the P&G logo, contained in a color circle the same scale as the P&G logo. If you are creating a new PE icon, use the Consumer & following principles: Market Knowledge • Use colors from the corporate palette, avoiding the use of gradients. hindsight, insight, foresight • Do not exceed the height of the logo or overlap the icon and the logo. • Insert your of昀椀cial P&G program or group name next to the lockup. The tagline can live under the group name in the same color as the name or in black or white. • Center typography with PE icon and P&G logo. • For the PE name, use Montserrat Medium with -20 tracking. • Place taglines below the name in Montserrat Regular. • Center type with P&G logo and PE icon. PE COMPONENTS + + Gender Equality = Gender Equality Center Elements 13 P&G Corporate VIS ID Guidelines

Assets & Principles Logo Do Nots Do not alter the color of the logo. Do not rotate the P&G logo. Do not scale, skew, or distort Do not modify the logo. Do not crop the logo. the logo. Do not overlap the logo with other Do not align the logo to the right of Do not place left-justi昀椀ed brand lockups Do not scale the brand logos too small. Do not place brand lockups in the middle objects. brand lockups. at the top of a composition. of a composition or over a busy image. Do not place the logo inside of a circle. Do not use brand logos in place Do not 昀氀oat the logo. Always align Do not scale logo smaller than Do not scale logo bigger than of the logo. with content or place in a corner. principles on page 9. principles on page 9. 14 P&G Corporate VIS ID Guidelines

Assets & Principles Typeface Montserrat is our corporate typeface. Montserrat Its clean, round, open letterforms and punctuation complement the circular shapes in our visual identity system. Montserrat is used for all print and digital communications. The full family of fonts provide variation and 昀氀exibility within our system. Use black, white or PMS 293 for all AaBb. 123 headlines and subheads. Body copy should always be in black or white only. Default Font ABCDEFGHIJKLMNOPQRSTUVWXYZ MONTSERRAT LIGHT Arial is our default font and should be MONTSERRAT REGULAR used only if Montserrat is unavailable or abcdefghijklmnopqrstuvwxyz MONTSERRAT MEDIUM unable to be downloaded and installed. Substitute Montserrat Light, Regular and 1234567890 MONTSERRAT SEMIBOLD MONTSERRAT BOLD Medium with Arial Regular. Substitute Montserrat Semibold, Bold and Black with MICROSOFT APPLICATIONS MONTSERRAT BLACK Arial Bold. ACCEPTABLE TYPE COLORS Aa. Aa. Aa. * Within citizenship, type may be used in pillar colors. 15 P&G Corporate VIS ID Guidelines

Assets & Principles Download Instructions Montserrat is available on P&G Universal Type Client and STEP 1: OPEN LINK IN WEB BROWSER STEP 2: OPEN SELECTED FAMILY STEP 3: DOWNLOAD FONT Click “ ” in upper Click black bar in bottom right. Click download icon ( ) in upper Monotype Enterprise. right corner. right of download box. After downloading and decompressing the .zip 昀椀le from the link, install the Montserrat font family. Below are instructions speci昀椀c to certain operating systems. Mac OS • Find Font Book by opening a Finder window, selecting “Applications,” and scrolling down to “Font Book.” • Double click to open “Font Book.” • Select and drag the entire Montserrat folder to the center panel in Font Book. • Restart your design application before using the newly downloaded font. Windows 7 / Windows 8, Windows Vista • Click Start > Control Panel > Appearance and Personalization. STEP 4: UNZIP “MONTSERRAT.ZIP” STEP 5: INSTALL FONT (SEE LEFT) STEP 6: RESTART APPLICATIONS BEFORE USE • Choose Fonts. Locate your downloaded 昀椀le and unzip. Install Montserrat font family folder. Restart application and locate Montserrat • Drag and drop the Montserrat folder into Fonts folder. Double-click to unzip on MAC. For PCs, See left for guidance on installing in font panel for use. • Restart your design application before using the newly right-click the folder, select “Extract All.” fonts for your operating system. downloaded font. Windows XP • Locate and open the Fonts folder. This is generally located at C:\Windows\Fonts. • Drag and drop the Montserrat folder into the “Fonts” folder. • Restart your design application before using the newly downloaded font. 16 P&G Corporate VIS ID Guidelines

Assets & Principles Typography Montserrat may be used at different scales, weights, and in both title and upper case to create variety in a single communication and to speak to different audiences. Use natural tracking and leading to create an easy-to-read layout. HEADLINE Montserrat Semibold Title Case Tracking 0, Negative Leading (i.e. 30/28-30) Black, white or PMS 293 SUBHEADLINES Montserrat Semibold Title Case Tracking 0/Positive Leading (i.e. 15/17+) Black, white or PMS 293 NUMERICAL CALL OUTS Montserrat Light Tracking -10/ Match Leading (i.e. 34/34) Any Primary or Secondary Color TITLES Montserrat Bold All Caps Tracking 10-20/Positive Leading (i.e. 15/15-17) Black, white or PMS 293 BODY Montserrat Regular Tracking 0/Positive Leading (i.e. 12/14-16) Black or white only * Within citizenship, type may be used in pillar colors. 17 P&G Corporate VIS ID Guidelines

Assets & Principles Color Palette Primary Colors PRIMARY PALETTE The primary palette for all P&G communication is PMS 293, PMS 299 and white. Blue is our historical corporate color and white keeps executions clean and simple. Bright yellow, PMS 108, is used to infuse optimism and energy. PMS 293 C PMS 299 C WHITE PMS 108 C CMYK: 100, 69, 0, 4 CMYK: 86, 8, 0, 0 CMYK: 0, 0, 0, 0 CMYK: 0, 5, 98, 0 RGB: 0, 61, 165 RGB: 0, 163, 224 RGB: 255, 255, 255 RGB: 254, 219, 0 HEX: 003DA5 HEX: 00A3E0 HEX: FFFFFF HEX: FEDB00 Secondary Colors SECONDARY PALETTE Our secondary palette celebrates the variety of our brands. It can be used in combination with the primary palette to coordinate with an image or brand featured in a communication. PMS 032 C PMS 158 C PMS 143 C PMS 354 C PMS 375 C CMYK: 0, 86, 63, 0 CMYK: 0, 62, 95, 0 CMYK: 0, 32, 87, 0 CMYK: 81, 0, 92, 0 CMYK: 46, 0, 90, 0 RGB: 239, 51, 64 RGB: 232, 119, 34 RGB: 241, 180, 52 RGB: 0, 177, 64 RGB: 151, 215, 0 HEX: EF3340 HEX: E87722 HEX: F1B434 HEX: 00B140 HEX: 97D700 PMS 241 C PMS 231 C PMS 304 C PMS 280 C BLACK CMYK: 30, 100, 2, 2 CMYK: 3, 60, 0, 0 CMYK: 34, 0, 6, 0 CMYK: 100, 85, 5, 22 CMYK: 0, 0, 0, 100 RGB: 175, 22, 133 RGB: 242, 119, 198 RGB: 154, 219, 232 RGB: 1, 33, 105 RGB: 0, 0, 0 HEX: AF1685 HEX: F277C6 HEX: 9ADBE8 HEX: 012169 HEX: 000000 18 P&G Corporate VIS ID Guidelines

Assets & Principles Color Flexibility Flexing our color palette allows us to appeal to CORPORATE RECRUITING CITIZENSHIP speci昀椀c audiences and to tell different stories. Layouts with multiple or no brands embrace our primary palette, while brand-focused communication uses our secondary palette. Our historical blues and white are the foundation of our palette while yellow infuses the optimism and energy of the sun. We infuse brand colors into our primary color palette in exciting ways because we know our brands are familiar, iconic and recognizable. For Recruiting, we use pops of black to create a modern, younger look and feel. For Citizenship, we use a lighter interpretation Wash, soften, The Future of the color palette with more white, and boost, repeat. #TheRightGain is Bright Nam, consedi genet, numqui ut ut peraece lighter blue. stionsequi apid magni utem quam fuga. Tecum res qui raessi auda nonsedignam, quam fuga. Nam, consedi genet, numqui ut ut peraece stionsequi apid magni utem quam fuga. Tecum res qui raessi auda nonsedignam, quam fuga. 19 P&G Corporate VIS ID Guidelines

Assets & Principles Color Use COLOR DO NOTS Corporate Communication STEP 1: STEP 2: STEP 3: The primary color palette and accent Choose background color Add additional primary color (ensure Finish the layout with an additional color should always have a greater overall from primary palette or accent 293 or 299 is present) or accent color secondary color or primary color color for recruiting or citizenship. for recruiting or citizenship. if needed. impression than secondary colors. Color Combinations Do not use secondary colors Secondary color combinations should as a background color. be balanced with primary colors and informed by the content featured in the communication. No more than two secondary colors should be used in a single layout. Headlines and Copy Color PMS 293, black, and white are to be Do not use multiple secondary used for headlines. colors in a layout. Body copy should appear in black and white only. Do not use secondary colors for headlines or body copy colors. EXAMPLE COMBINATIONS 20 P&G Corporate VIS ID Guidelines

Assets & Principles Accessible Pairing COLOR DO NOTS Corporate Communication STEP 1: STEP 2: STEP 3: The primary color palette and accent Choose background color Add additional primary color (ensure Finish the layout with an additional color should always have a greater overall from primary palette or accent 293 or 299 is present) or accent color secondary color or primary color color for recruiting or citizenship. for recruiting or citizenship. if needed. impression than secondary colors. Color Combinations Do not use secondary colors Secondary color combinations should as a background color. be balanced with primary colors and informed by the content featured in the communication. No more than two secondary colors should be used in a single layout. Headlines and Copy Color PMS 293, black, and white are to be Do not use multiple secondary used for headlines. colors in a layout. Body copy should appear in black and white only. Do not use secondary colors for headlines or body copy colors. EXAMPLE COMBINATIONS 21 P&G Corporate VIS ID Guidelines

Assets & Principles Photography Photography brings emotion, empathy, BRAND CONSUMER EMPLOYEES & FACILITIES CITIZENSHIP and connection to our communications. All photography should feel bright, positive and authentic with a clear focal point and simple story. Photography should always complement the communication and can be one of the following: • Brand • Consumer • Employees & Facilities • Citizenship To source approved photography, visit P&G BrandStore or contact the Brand Manager, Brand Design or Communications Manager. Visit the P&G Corporate Photography Library for fully licensed consumer and employee imagery. 22 P&G Corporate VIS ID Guidelines

Assets & Principles Photography Brand CAMPAIGNS AND PROGRAMS PACKAGING AND PRODUCT Brand photography may include campaigns, programs, packaging or product. These images celebrate our brands’ impact on the world, innovation and iconic assets. Campaign and program photography should tell a simple story and be branded to ensure a clear connection back to the brand and P&G. Packaging and product photography should be bold and dramatic with a singular focus. Overall Principles • Simple stories and singular focus Packaging & Product Principles • Branded • Current To source approved photography, visit P&G BrandStore or contact the Brand Manager, Brand Design or Communications Manager. 23 P&G Corporate VIS ID Guidelines

Assets & Principles Photography Consumer Consumer photography features our brands in everyday use. Shot in natural lighting either at home or in the aisle. The camera should focus on and authentically capture the personalities of the individual through body language, expression, and attire. Consumer photography should capture the diversity of our consumer in gender, ethnicity, and role. Overall Principles • Natural, authentic • Singular story • Emotional connections • Caught in a moment • In a realistic environment • Global diversity To source approved photography, visit P&G BrandStore or contact the Brand Manager, Brand Design or Communications Manager. Visit the P&G Corporate Photography Library for fully licensed consumer imagery. 24 P&G Corporate VIS ID Guidelines

Assets & Principles Photography Employees & Facilities This photography features our global talent and locations to celebrate our people and accomplishments. Shot in natural lighting, either in the of昀椀ce or on location, the background should be out-of-focus or neutral. Overall Principles • Natural, authentic • Direct eye contact • In the moment • In an environment • Global diversity • Showcase our most modern environments To source approved photography, visit P&G BrandStore or contact the Brand Manager, Brand Design or Communications Manager. Visit the P&G Corporate Photography Library for fully licensed employee imagery. 25 P&G Corporate VIS ID Guidelines

Assets & Principles Photography Citizenship Citizenship photography should show people in a real life moment or relate directly to a P&G Citizenship program. People should have a sense of optimism and be captured in their authentic environment. They may be engaged in an activity or interacting with each other. Program photography may feature program branding or assets. P&G packaging or products that are not natural to the story or moment should not be included. Overall Principles • Natural, authentic • Caught in a moment • Sun-lit, warm • In an environment • Global diversity To source approved photography, visit P&G BrandStore or contact the Brand Manager, Brand Design or Communications Manager. 26 P&G Corporate VIS ID Guidelines

Assets & Principles Cropping Photos FULL HALF QUARTER Photography may be cropped in circles. Ensure the story or focus of the image is still clear. Crops should work to highlight the focal point of the image. Images can be scaled down but should not become busy or complex. Overall Principles • Crop and scale photos to create a focus on the subject of the image. • When brands are present in the image, only crop partially so that the brand is still recognizable. 27 P&G Corporate VIS ID Guidelines

Assets & Principles Photography Do Nots Do not use studio-lit or sterile Do not use overly posed photos. Do not use posed group photos. Do not create unnatural Do not include P&G proprietary materials. environments. meeting environments. Do not use outdated packaging, Do not use harsh or dramatic lighting. Do not use a complicated or Do not feature the of昀椀ce environment over Do not use metaphorical photography. styling or brand imagery. busy background. the people and their interactions. Do not crop photography with brand Do not crop photos asymmetrically. Do not crop brands beyond recognition. Do not feature 昀氀at or uninteresting Do not use extreme crops on subjects. logos at the same size of the P&G logo. areas of a photo. 28 P&G Corporate VIS ID Guidelines

Assets & Principles Cropping Logos Brand logos may be cropped within circles to use as bold graphics in layouts. Use of this technique should be limited to brand logos that are highly recognizable and can be placed on a solid brand color. Always use brand logos with copy or other photography to tell a bigger story. When BIG BRANDS using a single logo to tell a bigger story BIGGER repeat the logo in the signoff or as a part OPPORTUNITY of product photography. #PGDAY1 Never repeat the P&G logo in any layout. Never crop logos more than 75%. Circular Logos • Replace entire circle with logo Horizontal Logos • Crop vertically or horizontally • Show at least 75% of logo • Crop left and right edge of wordmark EXAMPLES HORIZONTAL LOGO (CROP IN CIRCLE) Logos with Icons • Always use horizontally • Show at least 75% of logo • Crop left and right edge of lockup See the templates section (pages 47–60) for direction on the number of cropped logos CIRCULAR LOGO (DO NOT CROP IN CIRCLE) that may be used within a layout. Contact the Brand Design or Communications Manager to ensure the correct brand logo is used. 29 P&G Corporate VIS ID Guidelines

Assets & Principles Cropping Logo Do Nots Do not mix the orientation of brand Do not place a circular logo within another Do not use illegible crops. Do not use brand logos without any Do not crop more than one logo logos or images. circle. Always use as a full circle. other imagery. in any circle. Do not crop logos in background. Do not place brand logos over Do not use unrecognizable logos or Do not crop logos in any less than Do not use more than one logo in photography. secondary brand assets. 40% of a circle crop. Macro Circle or Full Circle layouts. 30 P&G Corporate VIS ID Guidelines

Assets & Principles Infographics A consistent infographic style provides clear communication within content-heavy applications. Infographics embrace our bright 16% 22% 30% color palette and a linear style that contrasts 2525%% 25% 25% the boldness of the graphic system. Overall Style Principles • Icons and illustrations should be simple and clear in their meaning. • Use a single line weight with 75% 63% 50% rounded edges. • Icons should be limited to three colors per icon. • Icons may appear reversed out of solid colors or shapes in white. • Solid colors may be used for simple shapes such as circles or arrows. 31 P&G Corporate VIS ID Guidelines

Assets & Principles Pattern There are six patterns that can be used in place of a circle in a template or as a tonal background texture. Patterns should only be used in primary colors: PMS 293, PMS 299, white or in our accent color, PMS 108. Limit one pattern per layout. Two patterns may be used in Circle Grid layouts if no other imagery is available. Pattern swatches are for reference only. See toolkit for artwork to use. PATTERNS ACCEPTABLE PATTERN COLORS NOTE: Patterns below are scaled for reference only. Do not use directly. Use released artwork for live patterns. * Within citizenship, patterns may be used in pillar colors. 32 P&G Corporate VIS ID Guidelines

Our visual identity system allows for 昀氀exibility to speak to different audiences. System Flexibility Overview 33 Corporate 34 Citizenship 36 Recruiting 38 Environments 40 Animated Assets 42 Pattern Mosaics 43 Tagging 44 33 P&G Corporate VIS ID Guidelines

System Flexibility System Flexibility CORPORATE CITIZENSHIP Our system is designed to allow for 昀氀exibility to speak to different audiences, while still maintaining a cohesive brand experience. Additionally, the system allows for a variety of executions based on communication hierarchy and photography. RECRUITING ENVIRONMENTS 34 P&G Corporate VIS ID Guidelines

System Flexibility Corporate LOGO TYPE COLOR Montserrat Aa123. PMS 293 PMS 299 WHITE PMS 108 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 PHOTOGRAPHY PATTERNS NOTE: Patterns below are scaled for reference only. Do not use directly. Use released artwork for live patterns. 35 P&G Corporate VIS ID Guidelines

System Flexibility Corporate Improving everyday lives. Wexerum fugitas seculla et aut omnihil incil et as ent iminim natur? Elit ea venis con expliquid ut ent, non cus nonecullam seque in error autesti nullorrundus pror mincid molut ut alit porerum aut ea deribusant et omnis delitatiore venihil entota nobisin ulparcia postrum qui om- nihic iminus, quaspienim fugit fugiae nonsed quas custruptam, ut aruptaquae. Faciis dipicabor mint quat exeribusdant ommoluptur rem quo cum solorempos doloritatem qui beribus aut ut vellor alibus quis soluptas nonsed qui restrum quatesti alique volut dolecti ium volupta 36 P&G Corporate VIS ID Guidelines

System Flexibility Citizenship LOGO TYPE COLOR *See individual pillar vis IDs for speci昀椀c colors per pillar Montserrat PMS 293 PMS 299 WHITE PMS 108 ACCENT: Aa123. PMS 304 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 PILLARS PHOTOGRAPHY PATTERNS NOTE: Patterns below are scaled for reference only. Do not use directly. Use released artwork for live patterns. 37 P&G Corporate VIS ID Guidelines

System Flexibility Overall Citizenship 38 P&G Corporate VIS ID Guidelines

System Flexibility Citizenship Lead with Love Lead with Love is the consumer-facing campaign umbrella over all of citizenship efforts (Sustainability, E&I and Community Impact). Our goal is to aggregate and amplify the reach and visibility of our efforts; to initiative a worldwide movement based on action and love; and to galvanize our partners, our people, our brands, our communities, our customers and our consumers to join us. The Lead with Love VIS ID brings to life the individual efforts of our company, our brands and our consumers, that come together to make a positive difference. These VIS ID elements are unique to the Lead With Love campaign and should not be used elsewhere. See the full Lead with Love guidelines for more VIS ID details. Contact P&G design managers for assets. 39 P&G Corporate VIS ID Guidelines

System Flexibility Citizenship Community Impact CSDW DISASTER RELIEF Our community impact pillar includes programs such as Children’s Safe Drinking Water and our various Disaster Relief efforts. Our brands are uniquely positioned to help and provide the comforts of home, health and hygiene during challenging times. The Community Impact VIS ID borrows elements of the overall citizenship pillar graphics - circle grids, energetic patterns and bright colors that bring a sense of optimism and hope. Please see CSDW sharepoint for assets speci昀椀c to that program. 40 P&G Corporate VIS ID Guidelines

System Flexibility Citizenship Environmental Sustainability Our sustainability pillar is brought to life by the It’s Our Home platform- with the goal to be carbon neutral for the decade. Our planet may be the only place in the universe where life exists. It’s our planet. Our Home. And the window to protect it is now. The VIS ID is earthy and organic, taking inspiration from a mosaic- where all the pieces come together to make a greater whole. Like our collective actions to combat climate change. See the full It’s Our Home guidelines for more VIS ID details. Contact P&G design managers 41 P&G Corporate VIS ID Guidelines

System Flexibility Citizenship Equality & Inclusion E&I IDENTITY Our new Equality & Inclusion pillar is holistic and integrated and meant to make a meaningful impact in four key areas: our employees, our brands, with our partners, and for communities. We aspire to create a better world for everyone — free from all types of bias based on race, ethnicity, culture, religion, sexual orientation, gender identity, disability, and background. We believe in the power of our proctergamble It is E&I Month! Tune into some of our amazing events we have planned. differences and the impact we can make when See the link in our bio! we come together united by shared values and proctergamble ... purpose. The E&I VIsual identity system is inspired by our rally cry, “We are Unique and we are United”. Using the circle ring as the main symbol of unity, and a spectrum of colors merging together, to PRIDE celebrate the uniqueness of the individual. The bold type and graphics represent the power that happens when there is true inclusion. Each af昀椀nity group within the E&I pillar will have it’s own unique visual identity. For example. here you will see the LGBTQ+ identity for Pride, which 昀氀exes for brighter, bolder colors and graphics to 昀椀t within that unique context. See full E&I guidelines or Pride guidelines for more VIS ID details. Contact P&G design managers for assets. 42 P&G Corporate VIS ID Guidelines

System Flexibility Recruiting LOGO TYPE COLOR Montserrat Black PMS 293 PMS 299 WHITE PMS 108 ACCENT: Aa123. BLACK ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 TAGLINE LAYOUT PHOTOGRAPHY 43 P&G Corporate VIS ID Guidelines

System Flexibility Recruiting 44 P&G Corporate VIS ID Guidelines

System Flexibility Environments LOGO TYPE COLOR Montserrat Aa123. PMS 293 PMS 299 WHITE PMS 108 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 MATERIALS & FINISHES LAYOUT MATERIALS & FINISHES LAYOUT Metallic Finish 45 P&G Corporate VIS ID Guidelines

System Flexibility Environments 46 P&G Corporate VIS ID Guidelines

System Flexibility Animated Assets Animation activates our system in digital FLIP ANIMATION STORYBOARD formats. The overall style of our animation is natural in movement and speed. Animation uses the circle to tell a story using color, pattern, logos and photography. Content for the animation can be customized to support a speci昀椀c topic or to tell a more overarching P&G story. Animation may also use color or pattern only with the P&G logo. Two styles of animations have been created: • Flip Animation: Flips through content in smooth transitions and resolves to the ROTATING ANIMATION STORYBOARD P&G logo. • Rotation Animation: Revolves the circle in a 昀氀uid movement revealing new content and resolving to the P&G logo. Templates are available for the 昀氀ip and rotating animation. See page 60 for contacts. 47 P&G Corporate VIS ID Guidelines

System Flexibility Pattern Mosaics Patterns bring energy and movement to the SYMBIOSIS PATTERN ARTFUL PATTERN system. Three styles of pattern mosaics are available for use in environmental or digital applications, or in layout as an element of delight. Patterns may be animated for digital content. • Symbiosis Patterns: Celebrate our talent, brand and products. • Brand Patterns: Celebrate our iconic brand assets through graphic logos and packages. • Artful Patterns: Unique artwork created from our textured patterns. These can be requested for speci昀椀c brand or application use, but cannot be altered. Do not recreate symbiosis or brand BRAND PATTERN patterns. Artful patterns should be created for unique needs. Contact Brand Design or Communication Manager to obtain these assets, request brand- speci昀椀c variations or for permission for use. See page 60 for contacts. 48 P&G Corporate VIS ID Guidelines

System Flexibility Tagging Use a static P&G Corporate logo in the top right corner of a TV end-frame. This is a competitive branding strategy and helps build awareness and trust in P&G and our portfolio of brands. It is not intended for the viewer to consciously see the P&G logo or distract from the primary brand logo. Neuro testing has shown unconscious processing of the P&G logo provides a bene昀椀t and this format has the best impact on single brand copy, maintaining overall copy effectiveness. It should be used for TV and streaming digital. Please refer to the TV Copy Tagging Guidelines which are available on P&G BrandStore or contact the Brand Manager, Brand Design or Communications Manager. 49 P&G Corporate VIS ID Guidelines

Principles, templates and tools to execute with ease and consistency. Layouts & Templates Overview 46 Full Bleed 49 Macro Circles 51 Full Circles 53 Content-Driven 56 Circle Grid 57 Layout Do Nots 59 50 P&G Corporate VIS ID Guidelines

Layouts & Templates Overview Templates have been provided to create FULL BLEED MACRO CIRCLES FULL CIRCLES CIRCLE GRID (0 CIRCLES) (2-3 CIRCLES MAX) (3-5 CIRCLES MAX) (6-16 CIRCLES MAX) consistent layouts in digital or print. Layouts may use circles or full bleed imagery. Circles are based on a grid where edges touch but do not overlap. Circles can be used large and bold or as a grid, and in either case, horizontal or vertical. Circles are 昀椀lled with logos, photography, color or pattern. They should always appear on a solid color background. Full bleed imagery and color may be used without circles and with 昀氀oating text. LAYOUT EXAMPLES Consider the selection of a template based on your audience, amount of copy required and available assets. #WeSeeEqual We aspire to build a better world for all of us— inside and outside of P&G—a world free from gender bias, and a world with an equal voice and equal representation for women and men. Business over bias. #WeSeeEqual Business over bias. BIG BRANDS BIGGER #WeSeeEqual OPPORTUNITY #PGDAY1 EXAMPLES 51 P&G Corporate VIS ID Guidelines

Layouts & Templates Choosing Templates When choosing a template, consider scale and FULL BLEED MACRO CIRCLES FULL CIRCLES CIRCLE GRID (0 CIRCLES) (2-3 CIRCLES MAX) (3-7 CIRCLES MAX) (6-16 CIRCLES MAX) proportion, content, imagery and purpose. Proportion and Scale Decide which template will 昀椀t the desired proportion and scale best. Business over bias. BIG BRANDS BIGGER #WeSeeEqual OPPORTUNITY Photography #PGDAY1 Consider scale and quality of photography. Purpose Consider the purpose, audience and priority of communication. Best Use: Best Use: Best Use: Best Use: Captivating photography Connecting P&G with brands Connecting P&G with brands Creating a story that shows and stories and stories P&G with multiple brands Captivating headline without graphics Creates a clear, simple story Easy to use with extreme Tells a dynamic story at a proportions and scales larger scale Prioritizes consumer stories Prioritizes P&G Prioritizes P&G Prioritizes brands with P&G Limits: Limits: Limits: Limits: Does not work well with Imagery must be able to be Imagery must be able to be Imagery becomes complex large amounts of copy or cropped within circle cropped within circle at smaller scales complicated images 52 P&G Corporate VIS ID Guidelines

Layouts & Templates Using Templates STEP 1: CHOOSE A TEMPLATE STEP 2: ADD BACKGROUND COLOR STEP 3: CREATE A HEADLINE Choose a template to best 昀椀t your layout, content Apply a color from the primary palette to the background. Create a clear headline and supporting body copy with and priority of communication. or without a logo signoff. STEP 3: ADD PHOTOGRAPHY OR BRAND LOGOS STEP 5: ADD SECONDARY ELEMENTS Crop relevant photography and/or brand logos within the If applicable, add a solid secondary color or a pattern circles of the template. in a primary color to create visual interest. 53 P&G Corporate VIS ID Guidelines

Layouts & Templates Full Bleed While circles are a primary element, they shouldn’t be overdone. Full bleed photography and 昀氀oating text allows breathing space and 昀氀exibility in the Business system. Photography featured in full bleed layouts should be simple and #WeSeeEqual We aspire to build a better world for all of us— work with copy to tell a concise story. over bias. inside and outside of P&G—a world free from gender bias, and a world with an equal voice P&G can be used as a header, front and and equal representation for women and men. center, or as a signature in any corner of #WeSeeEqual the composition. We aspire to build a better world for all of us—inside and outside of P&G— a world free from gender bias, and a world with an equal voice and equal representation for women and men. 54 P&G Corporate VIS ID Guidelines

Layouts & Templates Full Bleed LAYOUT DO NOTS Full bleed layouts may be used with X BRAND LOGOS captivating photography or with copy only. X BRAND LOGOS BRAND LOGOS X Align logo signoff at the end of body Lorem ipsum Lorem ipsum copy or anchored to a corner of the dolor sit tam. dolor sit tam. Lorem ipsum dolor. Pora dit, consecto in non ni sae Pora dit, consecto in non ni sae Do not use circles as decorative Pora dit, consecto in non ni sae natiuntiore sum con pa natiuntiore sum con pa vollorem natiuntiore sum con pa vollorem composition as a signoff. vollorem derspernam quam quiam est, is dendios il et derspernam quam quiam est, is derspernam quam quiam est, is dendios il et abo. Ut pre essum elements. dendios il et abo. Ut pre essum abo. Ut pre essum quostrum cum adicaec quostrum cum adicaec quostrum cum adicaec Copy should be used on simple BRAND LOGOS backgrounds where there is X good contrast. Use the logo to connect or as a signoff, never both. BRAND LOGOS Do not use complicated or 6X 12X 12X confusing photography. X BRAND LOGOS BRAND LOGOS BRAND LOGOS X Lorem ipsum X Lorem ipsum dolor. dolor sit tam. Lorem ipsum Pora dit, consecto in non ni sae natiuntiore sum con pa Pora dit, consecto in non ni sae dolor sit tam. vollorem derspernam quam quiam est, is dendios il et natiuntiore sum con pa vollorem derspernam quam quiam est, is Pora dit, consecto in non ni sae abo. Ut pre essum quostrum cum adicaec dendios il et abo. Ut pre essum natiuntiore sum con pa vollorem quostrum cum adicaec derspernam quam quiam est, is Do not use multiple logos. dendios il et abo. Ut pre essum quostrum cum adicaec BRAND LOGOS X X BRAND LOGOS 8X 15X 15X Do not use multiple images. 55 P&G Corporate VIS ID Guidelines

Layouts & Templates Macro Circles Macro circle layouts create focus for a message or visual story. A layout of two or three circles serves as a guide for cropping photography or holding information. Macro circle layouts may use the logo as a connector or as a signoff. The circles can include typography, logos, color, photography or pattern. The larger circle in the layout always holds the dominant communication element, while the secondary circle holds supporting imagery, logos, color or pattern. Business Making your day Int, simodig nient, serum ape vo- over bias. luptio conectem suntem es estiur The Power of P&G better in meaningful sam rectaq uidus aut eos de vide Lici dolorpor ratur ma excerit voloren Int, simodig nient, serum ape voluptio core expellis. itatem re prerrunti voluptur aliquam conectem suntem es estiur sam rectaq ways every day. seque rese quatioratur sumque venis uidus aut eos de vide core expellis Osam alibusdam sum sim nes maio omnihitat. expella boreribus Ibus, venimus #PGEveryday Omni nem evendio. Ut assit isquid peribusdae sit facc. quiam, eosae cusdanimus dignimus est doluptae ratis ius molorro cus di 56 P&G Corporate VIS ID Guidelines

Layouts & Templates Macro Circles LAYOUT DO NOTS The macro circle layout primarily uses two circles, cropped to bleed off the page. Circles should be between four and six times the width of the P&G logo. Do not dissect circles. Never crop more than 75% of a circle. X X Offset circles so that they form a 60/40, 70/30 or 80/20 proportion. For layouts Lorem ipsum without white space for copy, center dolor sit amet. circles vertically or horizontally and place dominant copy or imagery within circles Pora dit, consecto in non ni sae nati- untiore sum con pa vollorem dersper- that are most visible. nam quiam est, is dendios il et abo. Ut Lorem ipsum pre essum quostrum cum adicaec BRAND LOGOS Place left-justi昀椀ed copy below graphics dolor sit amet. Do not put photography or pattern Pora dit, consecto in non ni sae natiuntiore sum or within the dominant circle. con pa vollorem derspernam quam quiam est, in the background. is dendios il et abo. Ut pre essum quostrum cum adicaec Macro circle layouts may use the logo BRAND LOGOS to connect or as a signoff, but never both. Align signoffs with left-justi昀椀ed type. 5X 5X Use the logo to connect or as a signoff, never both. Do not enlarge circles more than six times the width of the P&G logo. Lorem ipsum dolor sit amet. Pora dit, consecto in non ni sae na- tiuntiore sum con pa volabo. Ut pre essum quostrum cum adicaec X BRAND LOGOS Do not use the logo as a macro circle. 6X 57 P&G Corporate VIS ID Guidelines

Layouts & Templates Full Circles Full circle layouts create focus for a message or visual story. A layout of three to 昀椀ve circles serves as a guide for cropping photography or holding information. Full circle layouts may use the logo Business over bias. #WeSeeEqual to connect or as a signoff. The circles can include typography, logos, color, photography or pattern. The complete circle in the layout holds the dominant communication element, while the secondary circles hold supporting imagery, logos, color or pattern. 58 P&G Corporate VIS ID Guidelines

Layouts & Templates Full Circles LAYOUT DO NOTS The full circle layout primarily uses three circles, cropped to bleed off the page. Circles should be between three and four times the width of the P&G logo. Up to 昀椀ve circles may be used for extreme vertical or Do not dissect circles. horizontal layouts. Lorem ipsum dolor sit amet. Pora dit, consecto in non ni sae nati- X Never crop more than 75% of a circle. untiore sum con pa vollorem dersper- X nam quam quiam est, is dendios il et abo. Ut pre essum quostrum. Always align circles centrally and place dominant copy or imagery within circles BRAND LOGOS that are least cropped. Lorem ipsum dolor sit amet. Pora dit, consecto in non ni sae natiu Place left-justi昀椀ed copy in the white space ntiore sum con pa vollorem derspe rnam quam quiam est, is dendios il below or to the left of graphics. When the et abo. Ut pre essum quostrum. Do not put photography in headline is the priority, place within the BRAND LOGOS background. dominant circle. Full circle layouts may use the logo to connect, as a lead or as a signoff. Do not use multiple logos in a single layout. Align 6X 6X signoffs with left-justi昀椀ed type. Use the logo to connect or as a signoff, never both. Do not make circles larger than four times the width of the P&G X Lorem ipsum logo. Never crop more than 75% Lorem ipsum dolor sit amet. of a circle. dolor sit amet. Pora dit, consecto in non ni sae Pora dit, consecto in non ni sae nati- natiuntiore sum con p. untiore sum con pa vollorem dersper- nam quam quiam est, is dendios il et abo. Ut pre essum quostrum. BRAND LOGOS BRAND LOGOS X 6X 6X 59 P&G Corporate VIS ID Guidelines

Layouts & Templates Full Circles In narrow horizontal and vertical layouts, up to 7 circles may be used to 昀椀ll the space. Crop circles to bleed off either edge of the composition and align vertically and Lorem ipsum horizontally. Circles should be between dolor sit amet. 2.5X three and four times the width of the Lorem ipsum dol. BRAND LOGOS P&G logo. X Never crop more than 75% of a circle. X Always align circles centrally and place Lorem ipsum dominant copy or imagery within central dolor sit amet. Pora dit, consecto in non ni sae nati- circles that are most visible. untiore sum con pa vollorem dersper- Lorem ipsum nam quam quiam est, is dendios il et. dolor sit amet. Ut pre essum cum adicaec X Pora dit, consecto in non ni sae natiun X BRAND LOGOS BRAND LOGOS tiore sum con pa vollorem dersp ernam 2.5X quam quiam est, is dendios il et abo. Ut Place left-justi昀椀ed copy and the P&G logo in pre essum quostru. horizontal layouts or within the dominant #HashtagHere BRAND LOGOS circle for vertical layouts. Center copy for X Pora dit, consecto in non ni sae natiuntio- #HashtagHere extreme vertical layouts only. Never mix re sum con pa vollorem derspernam Aliq simi, ut quodi nobis quam quiam est, is dendios il et. Ut pre eos con rem. Ebit ut dipsam copy styles. adicaec essum cum iscit adipsam, BRAND LOGOS BRAND LOGOS Use the logo to connect or as a signoff, Lorem ipsum dolor sit amet consecutor. 2.5X never both. Only use centered signoff for BRAND LOGOS centered copy. X 2.5X 2.5X 2.5X 60 P&G Corporate VIS ID Guidelines

Layouts & Templates Content-Driven 1 PAGE LAYOUTS 2 PAGE SPREAD In content-driven spreads, circles may be used as Pora dit Consecto in non ni sae cropped or 昀氀oating elements. Circles 昀椀lled with Pora dit, consecto in non ni sae na natiuntiore sum con pa photography should support the content and tiuntiore sum con pa vollorem de vollo rem derspe rspernam quam quiam est, is dend rnam quam quiam est, is ios il et abo. Ut pre essum quostrum. dendios il et abo. Ut pre essum quostrum. never be decorative. Consider use of typography, Iaspero voles di diae poribus il inctore sequae sum sunt alitio. Ad unt omnis Et, odis ut est enimodi ad Et, odis ut est enimodi ad Et, odis ut est enimodi ad ende Et, odis ut est enimodi ad Et, odis ut est enimodi ad re of昀椀c temque rendell uptate quam infographics, and full bleed imagery to balance ende of昀椀cias reiur, eiciet, ende of昀椀cias reiur, eiciet, of昀椀cias reiur, eiciet, sinctur? Pid ende of昀椀cias reiur, eiciet, ende of昀椀cias reiur, eiciet, et, odis ut est enimodi ad ende of昀椀cias sinctur? Pid moluptio eic sinctur? Pid moluptio eic moluptio eic temporro. sinctur? Pid moluptio eic sinctur? Pid moluptio eic Lorem ipsum reiur, eiciet, sinctur? Pid moluptio eic temporro exceper cipsum temporro exceper cipsum temporro exceper cipsum temporro exceper cipsum temporro exceper cipsum repudia conse repudia conse essi nia repudia conse essi nia verum repudia conse essi nia repudia conse essi nia verum que omnim. que omnim ipienih itibus sit, verum que omnim ipienih. verum que omnim ipienih. the use of circles. essi nia verum que omnim ipienih itibus dolor sit amet. sit, occum, est, et aut harciet rernatur, occum, est, et. senet, aut harum ende of昀椀cias reiur, Pora dit, consecto in non ni sae nat Pora dit, consecto in non ni sae nati- eiciet, sinctur? iuntiore sum con pa vollorem dersp untiore sum con pa vollorem dersper- Pid moluptio eic temporro exceper cipsum ernam quam quiam est, is dendios il nam quam quiam est, is dendios il et Pid moluptio eic temporro exceper re pudia con essi nia verum que omnim - abo. Ut pre essum quostrum. cipsum repudia conse essi nia verum ipienih itibuaut harum. Circles with infographics, illustration or et abo. Ut pre essum quostrum. Imax imol uptatur similiquiae sament et que omnim ipienih itibuaut harum. essitem et of昀椀cium et que plametur Iaspero voles di diae poribus il inctore Pora dit, consecto in non ni sae nat photography should be accompanied by a sae volenitam intinusam re rest, sit id sequae sum sunt alitio. Ad unt omnis iuntiore sum con pa vollorem dersp Pora dit ernam quam quiam est, is dendios il que voluptate et fugitium voloremp re of昀椀c temque rendell uptate quam Consecto in non ni sae ore id qui dellest aute volestiatis icimi, et, odis ut est enimodi ad ende of昀椀cias quam et, odis ut est enimodi ad ende natiuntiore sum con pa - istorum iliquia comnihit doluptas reiur, eiciet, sinctur? Pid moluptio eic of昀椀cias reiur, eiciet, sinctur? Pid molup caption and may 昀氀oat independently. Never ma alitia idessit iaspero voles di diae temporro exceper cipsum repudia tio eic temporro exceper cipsum repudia vollo rem derspe poribus il inctore sequae sum sunt conse essi nia verum que omnim ipi- conse essi nia verum que omnim ipienih rnam quam quiam est, is enih itibus sit, occum, est, et aut harciet itibus sit, occum, est, et aut harciet dendios il et abo. Ut pre alitio. Ad unt omnis re of昀椀c temque 22% 昀氀oat circles without additional copy or content. rernatur, senet, aut harum ende of昀椀cias rendell uptate quam et, odis ut est rernatur, senet, aut harum ende of昀椀cias essum quostrum. 25% reiur, eiciet, sinctur? reiur, eiciet, sinctur? enimodi ad ende of昀椀cias reiur, eiciet, sinctur? Pid moluptio eic temporro exceper cipsum repudia conse essi Pid moluptio eic temporro exceper Pid moluptio eic temporro exceper Et, odis ut est enimodi ad Et, odis ut est enimodi ad Et, odis ut est enimodi ad ende Et, odis ut est enimodi ad Et, odis ut est enimodi ad nia verum que omnim ipienih itibus cipsum repudia conse essi nia verum cipsum repudia conse essi nia verum ende of昀椀cias reiur, eiciet, ende of昀椀cias reiur, eiciet, of昀椀cias reiur, eiciet, sinctur? Pid ende of昀椀cias reiur, eiciet, ende of昀椀cias reiur, eiciet, sit, occum, est, et aut harciet rernatur, que omnim ipienih itibuaut harum que omnim ipienih itibuaut harum sinctur? Pid moluptio eic sinctur? Pid moluptio eic moluptio eic temporro. sinctur? Pid moluptio eic sinctur? Pid moluptio eic temporro exceper cipsum temporro exceper cipsum temporro exceper cipsum temporro exceper cipsum. senet, aut harum ende of昀椀cias reiur, repudia conse essi nia repudia conse essi nia verum repudia conse essi nia Never crop more than 75% of the circle. eiciet, sinctur? verum que omnim. que omnim ipienih itibus sit, verum que omnim ipienih. occum, est, et. Pid moluptio eic temporro exceper Pid moluptio eic temporro exceper cipsum cipsum repudia conse essi nia verum re pudia con essi nia verum que omnim ipienih itibuaut harum. Place dominant copy or imagery within que omnim ipienih itibuaut harum circles that are most visible. Only use 昀氀at color and pattern in circles as supportive elements to photography. When used as a visual representation of content below, circles can 昀氀oat within the grid of the layout. 1 PAGE LAYOUTS 2 PAGE SPREAD Pora dit, consecto in non ni sae nati- Lorem ipsum untiore sum con pa vollorem dersper- dolor sit amet. nam quam quiam est, is dendios il et Pora dit, consecto in non ni sae na Pora dit, consecto in abo. Ut pre essum quostrum. tiuntiore sum con pa vollorem de Iaspero voles di diae poribus il inctore rspernam quam quiam est, is dend non ni sae natiuntiore ios il et abo. Ut pre essum quostrum. sequae sum sunt alitio. Ad unt omnis sum con pa. re of昀椀c temque rendell uptate quam Iaspero voles di diae poribus il inctore et, odis ut est enimodi ad ende of昀椀cias Iaspero voles di diae poribus il inctore Pora dit, consecto in non ni sae na reiur, eiciet, sinctur? Pid moluptio eic sequae sum sunt alitio. Ad unt omnis sequae sum sunt alitio. Ad unt omnis tiuntiore sum con pa vollorem de temporro exceper cipsum repudia re of昀椀c temque rendell uptate quam re of昀椀c temque rendell uptate quam rspernam quam quiam est, is dend conse essi nia verum que omnim ipi- et, odis ut est enimodi ad ende of昀椀cias enih itibus sit, occum, est, et aut harciet reiur, eiciet, sinctur? Pid moluptio eic et, odis ut est enimodi ad ende of昀椀cias ios il et abo. Ut pre essum quostrum. temporro exceper cipsum repudia conse reiur, eiciet, sinctur? Pid moluptio eic rernatur, senet, aut harum ende of昀椀cias temporro exceper cipsum repudia conse Iaspero voles di diae poribus il inctore reiur, eiciet, sinctur? essi nia verum que omnim ipienih itibus essi nia verum que omnim ipienih itibus sit, occum, est, et aut harciet rernatur, sit, occum, est, et aut harciet rernatur, sequae sum sunt alitio. Ad unt omnis re of昀椀c temque rendell uptate quam Pid moluptio eic temporro exceper senet, aut harum ende of昀椀cias reiur, senet, aut harum ende of昀椀cias reiur, cipsum repudia conse essi nia verum eiciet, sinctur? eiciet, sinctur? et, odis ut est enimodi ad ende of昀椀cias reiur, eiciet, sinctur? Pid moluptio eic que omnim ipienih itibuaut harum. temporro exceper cipsum repudia conse Pora dit, consecto in non ni sae nat Pid moluptio eic temporro exceper Pid moluptio eic temporro exceper iuntiore sum con pa vollorem dersp cipsum repudia conse essi nia verum cipsum repudia conse essi nia verum essi nia verum que omnim ipienih itibus Pid moluptio eic temporro exceper cipsum sit, occum, est, et aut harciet rernatur, re pudia con essi nia verum que omnim ernam quam quiam est, is dendios il que omnim ipienih itibuaut harum. que omnim ipienih itibuaut harum. ipienih itibuaut harum. - Pora dit, consecto in non ni sae nat senet, aut harum ende of昀椀cias reiur, et abo. Ut pre essum quostrum. Imax Pora dit, consecto in non ni sae nat eiciet, sinctur? imol uptatur similiquiae sament et iuntiore sum con pa vollorem dersp iuntiore sum con pa vollorem dersp ernam quam quiam est, is dendios il essitem et of昀椀cium et que plametur ernam quam quiam est, is dendios il Pid moluptio eic temporro exceper sae volenitam intinusam re rest, sit id quam et, odis ut est enimodi ad ende quam et, odis ut est enimodi ad ende - cipsum repudia conse essi nia verum que voluptate et fugitium voloremp of昀椀cias reiur, eiciet, sinctur? Pid molup - of昀椀cias reiur, eiciet, sinctur? Pid molup ore id qui dellest aute volestiatis icimi, tio eic temporro exceper cipsum repudia tio eic temporro exceper cipsum repudia que omnim ipienih itibuaut harum. istorum iliquia comnihit doluptas ma conse essi nia verum que omnim ipienih conse essi nia verum que omnim ipienih Pora dit, consecto in non ni sae nat alitia idessit iaspero voles di diae pori- itibus sit, occum, est, et aut harciet itibus sit, occum, est, et aut harciet iuntiore sum con pa vollorem dersp ernam quam quiam est, is dendios il rernatur, senet, aut harum ende of昀椀cias bus il inctore sequae sum sunt alitio. rernatur, senet, aut harum ende of昀椀cias reiur, eiciet, sinctur? quam et, odis ut est en. Ad unt omnis re of昀椀c temque rendell reiur, eiciet, sinctur? uptate quam et, odis ut est enimodi ad Pid moluptio eic temporro exceper ende of昀椀cias reiur, eiciet, sinctur? Pid moluptio eic temporro exceper cipsum cipsum repudia conse essi nia verum repudia conse essi nia verum que om- que omnim ipienih itibuaut harum nim ipienih itibus sit, occum, est, et aut harciet rernatur, senet, aut harum ende Pid moluptio eic temporro Rem dersp ernam quam Pid moluptio eic temporro Rem dersp ernam quam Pid moluptio eic temporro exceper cipsum repudia quiam est, is dendios il exceper cipsum repudia quiam est, is dendios il exceper cipsum repudia of昀椀cias reiur, eiciet, sinctur? conse essi nia voll verum quam et, odis ut est enim conse essi nia voll verum quam et, odis ut est enim conse essi nia voll verum Pid moluptio eic temporro exceper que omnim ipienih itibuaut odi ad ende of昀椀cias. que omnim ipienih itibuaut odi ad ende of昀椀cias. que omnim ipienih itibuaut harum. Pora dit, consecto in harum. Pora dit, consecto in harum. Pora dit, consecto in cipsum repudia conse essi nia verum non ni sae nat iuntiore sum non ni sae nat iuntiore sum non ni sae nat iuntiore sum que omnim ipienih itibuaut harum con pa voll. con pa voll. con pa voll. 61 P&G Corporate VIS ID Guidelines

Layouts & Templates Circle Grid The circle grid layout visualizes a story using a combination of color, logos, photography, pattern and typography. Crop between 6-16 circles for grid layouts. BIG BRANDS Circle grid layouts may use the logo to connect BIGGER OPPORTUNITY #PGDAY1 or as a signoff, never both. The circles can include logos, color, photography or pattern. Typography may be inside or outside of circles. EXAMPLES Business over bias. #WeSeeEqual 62 P&G Corporate VIS ID Guidelines

Layouts & Templates Circle Grid LAYOUT DO NOTS The circle grid layout uses 6-16 circles, cropped to bleed off the page. Use no more than 16 circles at anytime. Never crop more than 75% of a circle. Do not dissect circles. Use a grid of 2x3, 2x4, 3x3, 3x4 or 4x4. For extreme vertical or horizontal layouts use a grid of 2x5, 2x6 or 3x5. Place grid of circles centered within the layout with or without whitespace for copy. A X maximum of 4 entire circles should be visible. Lorem ipsum dolor sit amet. Pora dit, consecto in non ni sae nati- untiore sum con pa vollorem dersper- Place left-justi昀椀ed copy below graphics or nam quam quiam est, is dendios il et abo. Ut pre essum quostrum. Do not put photography in within the dominant circle. background. BRAND LOGOS Macro circle layouts may use the logo to connect or as a signoff, but never both. Lorem ipsum dolor. Pora dit, consecto in non ni saenatiuntio X Align signoffs with left-justi昀椀ed type. X Because the multiplicity of the circle pattern is complex, keep content inside the circles 6X 2X and headlines simple and spare. Do not place logo at intersection Use logo as a part of the circle grid or locked X of circles. up with the headline, but never both. Lorem ipsum dolor sit amet. Pora dit, consecto in non ni sae nati- untiore sum con pa vollorem dersper- nam quam quiam est, is dendios il et abo. Ut pre essum quostrum. BRAND LOGOS X Lorem ipsum dolor. Do not use as pattern or texture. Pora dit, consecto in non ni saenatiuntio X 63 P&G Corporate VIS ID Guidelines 6X 3X

Layouts & Templates Layout Do Nots Do not use more than two secondary Do not use secondary colors as a Do not rearrange P&G logo placement. Do not create gaps in the grid. Do not overlap circles or use circles with colors in a layout. background color. gradients and opacities. Do not use circles within circles. Do not dissect circles or use elements of pattern Do not use pattern mosaic within Do not use a single or isolated circle. Do not mix, add to or modify templates. mosaic in layouts.. layouts. Do not crop more than 75% of a circle. Do not use arbitrary or decorative Do not place typography across Do not use secondary colors in Do not replace the P&G logo with patterns. multiple circles. headline or body copy. other brand logos as a connector. 64 P&G Corporate VIS ID Guidelines

Resources & Contacts Contacts Font Acquisition Montserrat is available on P&G Maria Stanton Brandstore and P&G Universal Type Client. It can also be downloaded Corporate P&G Brand for free: https://fonts.google.com/ Design Director specimen/Montserrat [email protected] PANTONE® and other Pantone trademarks are the property of Darby Thonnings Pantone LLC. © 2018. All rights Corporate P&G Brand reserved. Designer Non-Licensed Imagery Images used in this document that are [email protected] NOT included in the P&G photography library are for illustrative purposes only. These images cannot be used beyond this internal document. 65 P&G Corporate VIS ID Guidelines