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
P&G Brand Book Page 62 Page 64