contentS > how we Look > coMpoSition > fiLLed GutterS back forward Skip to next chapter 3 Composition 3.1 1. Callout describes product feature HP Product name 14pt 2. HP Product name 14pt or benefit. Lorum ipsom vero quorio HP Product name 22pt Using filled gutters as an qui blandit praesent lumet, con itu Chart header setuer adipisci elit pirum ellius tilum Chart text describes chart contents. ipus lorum ipsus etal vergamo. 2. Ais pretosius rures lucide Chart text header (1.25pt rule) Chart text Capacity Type corrumperet vix verecundus catelli. Agricolae suffragarit catelli—Cathe- Chart header (0.5pt) 8.7 TB 18 GB 15k rpm FC disks and 73 GB 10k rpm FC disks dras divinus fermentet. Chart text 9.3 TB 36 GB 15k rpm FC disks and 73 GB 10k rpm FC disks Chart text 92.6 TB 18 GB 15k rpm FC disks and 73 GB 10k rpm FC disks organizational element 3. Ais pretosius rures lucide etali Chart text 92.6 TB 48 GB 15k rpm FC disks and 73 GB 10k rpm FC disks rumperet vix verecundus catelli and the Agricolae per adesoon. Chart text header (1.25pt rule) HP Surestore Business Copy XP HP Surestore Direct Backup Engine TL 4. Octavius, iam fiducia suis etus deciperet incret incret incredibiliter lascivius zothecas. Aquae Sulis Chart text header (1.25pt rule) Servers Workgroup Midrange High-end Operating system in a composition, filled gutter lines help create alignment conubium lorum ipsum. HP-UX n/a A-, D-, J-, L-class N-, V-class HP-UX 11.x between objects. they should be a consistent line weight. they can divide or contain information or organize cropped photos. Body text can discuss market needs and customer Headline 9pt 3. HP Product name 14pt 4. HP Product name 14pt problems, describe a strategic initiative, product, service Nulla facilisis at vero eros et accumsan et iusto odio dig- or solution, touch on key features and benefits, price/ nissim qui blandit praesent luptatum abril delenit augue be sure to offset type from the filled gutter line by the width of performance, TCO and ROI, and point out the key duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit differentiators of our product/service/solution/strategy amet, consectetuer adipiscing elit, sed diam nonummy (why it’s better than our competitors’ offering). If you nibh euismod tincidunt ut laoreet dolore magna aliquam at least one gutter space. are creating the original piece in English, always allow erat volutpat. At vero eos et accusam et justo duo dolores a minimum of 30% extra space for expansion with et ea rebum. Stet clita kasd gubergren. language translation. (9 pt) Lorum ipsum illius aperto. Ut wisi enim ad minim veniam, quis nostrud exerci tation Duis autem vel eum iriure dolor in hendrerit in vulputate ullamcorper suscipit lobortis nisl ut aliquip exna aliquam velit esse molestie consequat, vel illum dolore eu feugiat erat volutpat. Ut wisi enim ad minim veniam, quis nostrud nulla facilisis at vero eros et accumsan velit esse molestie exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex Callout header Callout describes product features, details or other infor- Dividing consequat, vel illum dolore eu feugiat nulla facilisis at ea commodo quat. Duis autem vel eum iriure dolor mation. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam non ummy nibh euismod tincidunt ut laoreet dolore magna vero erodio dignissim qui blandit praesent lumet, invulputate velit esse molestie conseq. aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exer- consectetuer adipiscing elit, sed diam nonummy nibh euis- ci tation ulla mcorper suscipit lobortis nisl ut aliquip. Lorem ipsum dolor filled gutter lines may be used to organize multiple elements, mod tincidunt ut laoreet dolore magnai blandit praesen. •Bullets provide an opportunity to highlight important sit amet, consectetuer adipiscing elit. Perche e cosi adesso. pieces of information (9 pt). Lorum ipsum etalis. such as silhouetted product photos. they help structure the Headline 14pt •Bullets have an indent that is created in Quark by using Veniam, quis nostrud exerci tation ullamcorper suscipit the Command + back slash key. The tab is created in 5. HP Product name 14pt 6. HP Product name 14pt lobortis nisl ut aliquip ex ea commodo consequat. Duis the Bullets style sheet. Ipsumit lorimis epitalia adeso. Headline 9pt identifies product benefits. Headline 9pt identifies product benefits. space around irregular shapes. a filled gutter should not touch autem vel eum iriure dolor in hendrerit in vulputate velit •Duis autem vel eum iriure dolor in hendrerit in vulputate Body text describes product benefits and can touch on •Indented bullets are used to describe product features esse molestie consequat, vel illum dolore eu feugiat nulla velit esse molestie consequat. Per tutoilis apertos. features. It is 9 point size. If you are creating the original and support the headline above. (9pt) Highlight facilisis at villum dolore eu feugiat nulla facilisis at vero Bel illum dolore eu feugiat nulla facilisis at vero eros et piece in English, always allow a minimum of 30% extra features that differentiate the product. a large color block—there should be a gutter-width clear space. eros et accumsan et iusto odio dignissim qui blandit prae- accumsan et iusto odio dignissim qui blandit praesent lup- space for expansion with language translation. Lorem sent luptatum abril delenit augue duis te feugait—fruis ipsum dolor nibh euismod tincidunt ut laoreet dolore •Indented bullets are used to describe product features autem vel eum iriure dolor nulla. Lorem ipsum dolor sit tatum abril delenit augue duis dolore te feugait. At vero magna. Lorum ipsum etalius. and support the headline above. (9pt) Lorem ipsum amet, consectetuer adipiscing elit, sed diam nonummy eos et accusam et justo duo dolores et ea rebum. Lorem dolor sit amet, consetetur sadipscing elitr, sed diam non- nibh euismod tincidunt ut laoreet dolore magna aliquam ipsum dolor sit amet, consetetur sadipscing elitr, sed diam •Indented bullets are used to describe product features umy eirmod tempor invidunt ut labore. erat volutpat. Veniam, quis nostrud exerci tation ullamcor- nonumy eirmod tempor invidunt ut labore et dolore and support the headline above. (9pt) Highlight Containing per suscipit lobortis nisl ut aliquip ex ea commodo conse- magna aliquyam erat, sed diam voluptua. Stet clita kasd features that differentiate the product and describe Headline 9pt identifies product benefits. quat. Duis autem vel eum iriure dolor. gubergren, no sea takimata sanctus est Lorem ipsum dolor how they benefit the customer. Lorum ipsum etalius. •Indented bullets are used to describe product features sit amet. At vero eos et accusam et justo duo dolores et ea and support the headline above. (9pt) filled gutter lines can also help contain different design In hendrerit in vulputate velit esse molestie consequat, wisi rebum. Stet clita kasd gubergren, no sea takimata sanctus •Indented bullets are used to describe product features •Indented bullets are used to describe product features enim ad minim veniam, quis nostrud exerci tation ullam- est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit and support the headline above. (9pt) Lorem ipsum and support the headline above. (9pt) corper suscipit lobortis nisl ut aliquip ea commodo conse- amet, consetetur sadipscing elitr, sed diam nonumy dolor nibh euismod tincidunt ut laoreet dolore magna. elements—such as text, tables or charts—and can be used quat. Duis autem vel eum iriure dolor hendrerit in eirmod tempor invidunt ut labore et dolore magna to emphasize a particular element. vulputate velit esse. Puisitus adesso tentti. aliquyam erat, sed diam voluptua. 6 Cropping filled gutter lines offer an elegant way to enlarge or crop Dividing Containing Cropping an image. this technique creates an abstract, linear border for closeups of product features. images that are cropped should touch the filled gutter, as shown in the cropping example to the right.