# Page layout > Mediated Wiki article. Canonical URL: https://mediated.wiki/source/Page_layout > Markdown URL: https://mediated.wiki/source/Page_layout.md > Source: https://en.wikipedia.org/wiki/Page_layout > Source revision: 1354370518 > License: Creative Commons Attribution-ShareAlike 4.0 International (https://creativecommons.org/licenses/by-sa/4.0/) {{Use dmy dates|date=September 2021}} {{short description|Part of graphic design that deals in the arrangement of visual elements on a page}} {{More citations needed|date=May 2014}} thumb|300px|Consumer magazine sponsored advertisements and covers rely heavily on professional page layout skills to compete for visual attention. In [graphic design](/source/graphic_design), '''page layout''' is the arrangement of visual elements on a [page](/source/Page_(paper)). It generally involves organizational principles of [composition](/source/Composition_(visual_arts)) to achieve specific communication objectives.{{cite book|last=O'Connor|first=Z|title=Elements and principles of design: Tools for digital imagery, art and design|date=2014}} The high-level page layout involves deciding on the overall arrangement of text and images, and possibly on the size or shape of the medium. These decisions require intelligence, sentience, and creativity on the part of the designer, and they are informed by culture, psychology, and what the document authors and editors wish to communicate and emphasize. Low-level [pagination](/source/pagination) and [typesetting](/source/typesetting) are more mechanical processes. Given certain parameters such as boundaries of text areas, the typeface, and font size, text justification can be performed in a straightforward way. Until desktop publishing became dominant, these processes were still done by people, but in modern publishing, they are almost always [automated](/source/automation). The result might be published as-is (for example, a residential [phone book](/source/telephone_directory) interior) or it might be adjusted by a graphic designer (as for a highly polished, expensive publication). Beginning from early [illuminated](/source/illuminated_manuscript) pages in hand-copied books of the [Middle Ages](/source/Middle_Ages) and proceeding down to intricate modern magazine and catalog layouts, proper page design has long been a consideration in printed material. With print media, elements usually consist of [type](/source/typography) (text), [image](/source/image)s (pictures), and occasionally place-holder graphics for elements that are not printed with ink such as [die](/source/Die_(manufacturing))/[laser cutting](/source/laser_cutting), [foil stamping](/source/foil_stamping) or [blind embossing](/source/Embossing_(paper)). The term '''''page furniture''''' may be used for items on a page other than the main text and images, such as [headline](/source/headline)s, [byline](/source/byline)s or image [caption](/source/caption_(text))s.{{cite news |last1=Ribbans |first1=Elisabeth |title=The perils of using journalist jargon outside the newsroom |url=https://www.theguardian.com/commentisfree/2023/jan/31/journalist-jargon-outside-newsroom-standfirsts-datelines |access-date=25 June 2023 |work=The Guardian |date=31 January 2023}} == History and layout technologies == ==={{anchor|Direct physical layout|Page setting}}Direct physical page setting=== With [manuscript](/source/manuscript)s, all of the elements are added by hand, so the creator can determine the layout directly as they create the work, perhaps with an advanced sketch as a guide.Philippe Bobichon, [https://www.academia.edu/44071487/Le_lexicon_Mise_en_page_et_mise_en_texte_des_manuscrits_h%C3%A9breux_grecs_latins_romans_et_arabes ''Le lexicon : Mise en page et mise en texte des manuscrits hébreux, grecs, latins, romans et arabes''], Paris, Aedilis, 2008. With ancient [woodblock printing](/source/woodblock_printing), all elements of the page were carved directly into the wood, though later layout decisions might need to be made if the printing was transferred onto a larger work, such as a large piece of fabric, potentially with multiple block impressions. With the Renaissance invention of [letterpress printing](/source/letterpress_printing) and cold-metal [moveable type](/source/moveable_type), [typesetting](/source/typesetting) was accomplished by physically assembling characters using a [composing stick](/source/composing_stick) into a galley—a long tray. Any images would be created by [engraving](/source/engraving). The original document would be a hand-written manuscript; if the typesetting was performed by someone other than the layout artist, [markup](/source/markup_language) would be added to the manuscript with instructions as to typeface, font size, and so on. (Even after authors began to use typewriters in the 1860s, originals were still called "manuscripts" and the markup process was the same.) After the first round of typesetting, a [galley proof](/source/galley_proof) might be printed in order for [proofreading](/source/proofreading) to be performed, either to correct errors in the original, or to make sure that the typesetter had copied the manuscript properly, and correctly interpreted the markup. The final layout would be constructed in a "form" or "forme" using pieces of wood or metal ("[furniture](/source/Furniture_(typesetting))") to space out the text and images as desired, a frame known as a [chase](/source/Chase_(typesetting)), and objects which lock down the frame known as [quoins](/source/quoins). This process is called [imposition](/source/imposition), and potentially includes arranging multiple pages to be printed on the same sheet of paper which will later be folded and possibly trimmed. An "imposition proof" (essentially a short run of the press) might be created to check the final placement. The invention of [hot metal typesetting](/source/hot_metal_typesetting) in 1884 sped up the typesetting process by allowing workers to produce [slugs](/source/Slug_(typesetting))—entire lines of text—using a keyboard. The slugs were the result of molten metal being poured into molds temporarily assembled by the typesetting machine. The layout process remained the same as with cold metal type, however: assembly into physical galleys. ===Paste-up era=== [[File:Editorial_office_of_Bild_newspaper,_West_Berlin,_1977.jpg|thumb|right|[Editors](/source/Editor) work on producing an issue of ''[Bild](/source/Bild)'', 1977 in [West Berlin](/source/West_Berlin). Previous front pages are affixed to the wall behind them. ]] [Offset lithography](/source/Offset_lithography) allows the bright and dark areas of an image (at first captured on film) to control ink placement on the printing press. This means that if a single copy of the page can be created on paper and photographed, then any number of copies could be printed. The type could be set with a [typewriter](/source/typewriter), or to achieve professional results comparable to letterpress, a specialized typesetting machine. The [IBM Selectric Composer](/source/IBM_Selectric_Composer), for example, could produce type of different size, different fonts (including [proportional font](/source/proportional_font)s), and with [text justification](/source/text_justification). With [photoengraving](/source/photoengraving) and [halftone](/source/halftone), physical photographs could be transferred into print directly, rather than relying on hand-made engravings. The layout process then became the task of creating the [paste up](/source/paste_up), so named because [rubber cement](/source/rubber_cement) or another adhesive would be used to physically paste images and columns of text onto a rigid sheet of paper. Completed pages become known as [camera-ready](/source/camera-ready), "mechanical" or "mechanical art". [Phototypesetting](/source/Phototypesetting) was invented in 1945; after keyboard input, characters were shot one-by-one onto a photographic negative, which could then be sent to the print shop directly, or shot onto photographic paper for paste-up. These machines became increasingly sophisticated, with computer-driven models able to store text on magnetic tape. === Computer-aided publishing === As the graphical capabilities of computers matured, they began to be used to render characters, columns, pages, and even multi-page [signatures](/source/Bookbinding) directly, rather than simply summoning a photographic template from a pre-supplied set. In addition to being used as display devices for computer operators, [cathode-ray tube](/source/cathode-ray_tube)s were used to render text for phototypesetting. The curved nature of the CRT display, however, led to distortions of text and art on the screen towards the outer edges of the screens. The advent of "flat screen" monitors (LCD, LED, and more recently OLED) in 1997 eliminated the distortion problems caused by older CRT displays.{{citation needed|date=January 2026}} {{As of|2016|post=,}} flat-panel displays have almost completely replaced CRT displays.[Flat panel display](/source/Flat_panel_display){{Circular reference|date=April 2018}} [Printers](/source/Printer_(computing)) attached directly to computers allowed them to print documents directly, in multiple copies, or as an original which could be copied on a [ditto machine](/source/ditto_machine) or [photocopier](/source/photocopier). [WYSIWYG](/source/WYSIWYG) [word processor](/source/word_processor)s made it possible for general office users and consumers to make more sophisticated page layouts, use text justification, and use more fonts than were possible with typewriters. Early [dot matrix printing](/source/dot_matrix_printing) was sufficient for office documents but was of too low a quality for professional typesetting. [Inkjet printing](/source/Inkjet_printing) and [laser printing](/source/laser_printing) did produce sufficient quality type, and so computers with these types of printers quickly replaced phototypesetting machines. With modern [desktop publishing](/source/desktop_publishing) software such as flagship software [Adobe InDesign](/source/Adobe_InDesign){{cite web|url=http://www.adobe.com/products/indesign.html|title=Buy Adobe InDesign CC – Desktop publishing software and online publisher|website=www.adobe.com}} and cloud-based [Marq](/source/Marq_(company)),{{cite web|url=https://www.marq.com/compare/free-page-layout-software|title=Free Page Layout Software|date=26 May 2015|website=marq.com}} the layout process can occur entirely on-screen. (Similar layout options that would be available to a professional print shop making a paste-up are supported by desktop publishing software; in contrast, "word processing" software usually has a much more limited set of layout and typography choices available, trading off flexibility for ease of use for more common applications.) A finished document can be directly printed as the camera-ready version, with no physical assembly required (given a big enough printer). Greyscale images must be either half-toned digitally if being sent to an offset press or sent separately for the print shop to insert into marked areas. Completed works can also be transmitted digitally to the print shop, who may print it themselves, shoot it directly to film, or use [computer to plate](/source/computer_to_plate) technology to skip the physical original entirely. [PostScript](/source/PostScript) and [Portable Document Format](/source/Portable_Document_Format) (PDF) have become standard file formats for digital transmission. ===Digital media (non-paper)=== Since the advent of [personal computing](/source/personal_computing), page layout skills have expanded to [electronic media](/source/electronic_media) as well as print media. [E-book](/source/E-book)s, PDF documents, and static [web page](/source/web_page)s mirror paper documents relatively closely, but computers can also add [multimedia](/source/multimedia) animation, and interactivity. Page layout for [interactive media](/source/interactive_media) overlaps with [interface design](/source/interface_design) and [user experience](/source/user_experience) design; an interactive "page" is better known as a [graphical user interface](/source/graphical_user_interface) (GUI). Modern web pages are typically produced using [HTML](/source/HTML) for content and general structure, [cascading style sheet](/source/cascading_style_sheet)s to control presentation details such as typography and spacing, and [JavaScript](/source/JavaScript) for interactivity. Since these languages are all text-based, this work can be done in a [text editor](/source/text_editor), or a special [HTML editor](/source/HTML_editor) which may have WYSIWYG features or other aids. Additional technologies such as [Macromedia Flash](/source/Adobe_Flash) may be used for multimedia content. [Web developer](/source/Web_developer)s are responsible for actually creating a finished document using these technologies, but a separate [web designer](/source/web_designer) may be responsible for establishing the layout. A given web designer might be a fluent web developer as well, or may merely be familiar with the general capabilities of the technologies and merely visualize the desired result for the development team. == Web page layout == While page layout has traditionally referred to print media such as books and magazines, the concept also applies to digital environments. Early web pages often used table-based layouts to position text and images, but this approach created accessibility and maintenance issues and has since been replaced by CSS-based layouts.Musciano, Chuck; Kennedy, Bill (2002). ''HTML & XHTML: The Definitive Guide''. O'Reilly Media. Modern web page layout relies on technologies such as CSS Flexbox and CSS Grid, which provide greater flexibility and semantic structure.MDN Web Docs – CSS FlexboxMDN Web Docs – CSS Grid These techniques support responsive web design, allowing layouts to adapt across devices and screen sizes.Ethan Marcotte, “Responsive Web Design,” *A List Apart* (2010) Design guidelines for digital layouts often emphasize usability and accessibility. For example, the World Wide Web Consortium (W3C) recommends maintaining clear navigation and visual hierarchy to support readability and accessibility.W3C – Web Content Accessibility Guidelines (WCAG) 2.2 Common frameworks such as Bootstrap apply these principles in practice across a wide range of websites.Bootstrap Documentation – Layout ===Projected pages=== Projected slides used in presentations or entertainment often have similar layout considerations to printed pages. The [magic lantern](/source/magic_lantern) and [opaque projector](/source/opaque_projector) were used during lectures in the 1800s, using printed, typed, photographed, or hand-drawn originals. Two sets of [photographic film](/source/photographic_film) (one negative and one positive) or one [reversal film](/source/reversal_film) can be used to create positive images that can be projected with light passing through. [Intertitle](/source/Intertitle)s were used extensively in the earliest motion pictures when sound was not available; they are still used occasionally in addition to the ubiquitous [vanity card](/source/vanity_card)s and [credits](/source/Credit_(creative_arts)). It became popular to use transparent film for presentations (with opaque text and images) using [overhead projector](/source/overhead_projector)s in the 1940s, and [slide projector](/source/slide_projector)s in the 1950s. [Transparencies](/source/Transparency_(projection)) for overhead projectors could be printed by some photocopiers. Computer [presentation program](/source/presentation_program)s became available in the 1980s, making it possible to layout a presentation digitally. Computer-developed presentations could be printed to a transparency with some laser printers, transferred to slides, or projected directly using [LCD](/source/LCD) overhead projectors. Modern presentations are often displayed digitally using a [video projector](/source/video_projector), [computer monitor](/source/computer_monitor), or [large-screen television](/source/Large-screen_television_technology). Laying out a [presentation](/source/presentation) presents slightly different challenges than a print document, especially because a person will typically be speaking and referring to the projected pages. Consideration might be given to: * Editing the information presented so it either repeats what the speaker is saying (so the audience can pay attention to either) or only presents information that cannot be conveyed verbally (to avoid dividing audience attention or simply reading slides directly) * Making the slides useful for later reference if printed as handouts or posted online * Pacing, so slides are changed at comfortable intervals, fit the length of the talk, and content order matches the speaker's expectation * Providing a way for the speaker to refer to specific items on the page, such as with color, verbal labels, or a [laser pointer](/source/laser_pointer) * Sizing text and graphics so they can be seen from the back of the room, which limits the amount of information that can be presented on a single slide * Use of animation to add emphasis, introduce information slowly, or be entertaining * Using headers, footers, or repeated elements to make all pages similar so they feel cohesive, or indicate progress * Using titles to introduce new topics or segments == Grids versus templates == [Grid](/source/Grid_(page_layout))s and templates are page layout design patterns used in [advertising campaign](/source/advertising_campaign)s and multiple-page publications, including websites. A '''grid''' is a set of guidelines, able to be seen in the design process and invisible to the end-user/audience, for aligning and repeating elements on a page. A page layout may or may not stay within those guidelines, depending on how much repetition or variety the design style in the series calls for. Grids are meant to be flexible. Using a grid to layout elements on the page may require just as much or more graphic design skill than that which was required to design the grid. In contrast, a '''template''' is more rigid. A template involves repeated elements mostly visible to the end-user/audience. Using a template to layout elements usually involves less graphic design skill than that which was required to design the template. Templates are used for minimal modification of background elements and frequent modification (or swapping) of foreground content. Most desktop publishing software allows for grids in the form of a page filled with coloured lines or dots placed at a specified equal horizontal and vertical distance apart. Automatic margins and booklet spine (gutter) lines may be specified for global use throughout the document. Multiple additional horizontal and vertical lines may be placed at any point on the page. Invisible to the end-user/audience shapes may be placed on the page as guidelines for page layout and print processing as well. Software templates are achieved by duplicating a template data file, or with [master page](/source/Desktop_publishing) features in a multiple-page document. Master pages may include both grid elements and template elements such as header and footer elements, automatic page numbering, and automatic table of contents features. ==Static versus dynamic layouts== Static layouts allow for more control over the [aesthetics](/source/aesthetics), and thorough optimization of space around and overlapping irregular-shaped content than dynamic layouts. In [web design](/source/web_design), this is sometimes referred to as a fixed width layout; but the entire layout may be scalable in size while still maintaining the original proportions, static placement, and style of the content. All [raster image formats](/source/Image_file_formats) are static layouts in effect, but a static layout may include searchable text by separating the text from the graphics. In contrast, electronic pages allow for [dynamic layouts](/source/dynamic_publishing) with swapping content, [personalization](/source/personalization) of styles, text scaling, [image scaling](/source/image_scaling), or [reflowable](/source/reflowable_document) content with variable page sizes often referred to as fluid or liquid layout. Dynamic layouts are more likely to [separate presentation from content](/source/separation_of_presentation_and_content), which comes with its own advantages. A dynamic layout lays out all text and images into rectangular areas of rows and columns. As these areas' widths and heights are defined to be percentages of the available screen, they are responsive to varying screen dimensions. They will automatically ensure maximized use of available space while always staying adapted optimally both on-screen resizes and hardware-given restrictions. Text may freely be resized to provide users' individual needs on legibility while never disturbing a given layout's proportions. The content's overall arrangement on screen this way may always remain as it was originally designed. Static layout design may involve more graphic design and visual art skills, whereas dynamic layout design may involve more [interactive design](/source/interactive_design) and [content management](/source/content_management) skills to thoroughly anticipate content variation. [Motion graphics](/source/Motion_graphics) do not fit neatly into either category, but may involve layout skills or careful consideration of how the motion may affect the layout. In either case, the element of motion makes it a dynamic layout, but one that warrants [motion graphic design](/source/motion_graphic_design) more than static graphic design or interactive design. Electronic pages may utilize both static and dynamic layout features by dividing the pages or by combining the effects. For example, a section of the page such as a [web banner](/source/web_banner) may contain static or motion graphics contained within a swapping content area. Dynamic or live text may be wrapped around irregularly shaped images by using invisible spacers to push the text away from the edges. Some computer algorithms can detect the edges of an object that contain [transparency](/source/transparency_(graphic)) and flow content around contours. ==Front-end versus back-end== With modern media content retrieval and output technology, there is much overlap between [visual communication](/source/visual_communication)s ('''front-end''') and information technology ('''back-end'''). Large print publications (thick books, especially instructional in nature) and electronic pages (web pages) require [meta data](/source/meta_data) for automatic indexing, automatic reformatting, database publishing, dynamic page display, and end-user interactivity. Much of the metadata ([meta tags](/source/meta_tags)) must be hand-coded or specified during the page layout process. This divides the task of page layout between artists and engineers, or tasks the artist/engineer to do both. More complex projects may require two separate designs: page layout design as the [front-end](/source/front_and_back_ends), and function coding as the back-end. In this case, the front-end may be designed using an alternative page layout technology such as [image editing software](/source/image_editing_software) or on paper with hand rendering methods. Most image editing software includes features for converting a page layout for use in a "What You See Is What You Get" ([WYSIWYG](/source/WYSIWYG)) editor or features to export graphics for desktop publishing software. WYSIWYG editors and desktop publishing software allow front-end design prior to back-end coding in most cases. Interface design and database publishing may involve more technical knowledge or collaboration with information technology engineering in the front-end. Sometimes, a function on the back-end is to automate the retrieval and arrangement of content on the front end. ==Design elements and choices== Page layout might be prescribed to a greater or lesser degree by a [house style](/source/Style_guide) which might be implemented in a specific desktop publishing template. There might also be relatively little layout to do in comparison to the amount of pagination (as in novels and other books with no figures). Typical page layout decisions include: * Deciding on the number and size of [columns](/source/Column_(typography)) and gutters (gaps between columns) * Placement of intentional [whitespace](/source/White_space_(visual_arts)) * Size and position of images and figures * Size of page [margins](/source/Margin_(typography)) * Use of [color printing](/source/color_printing) or [spot color](/source/spot_color) for emphasis * Use of special effects like overlaying text on an image, [runaround](/source/Runaround_(typography)) and intrusions, or [bleeding](/source/Bleed_(printing)) an image over the page margin Specific elements to be laid out might include: * [Boxout](/source/Boxout)s and [sidebars](/source/Sidebar_(publishing)), which present information as asides from the main text flow * Chapter or section titles, or [headline](/source/headline)s and [subhead](/source/subhead)s * [Image captions](/source/Photo_caption) * [Notes](/source/Note_(typography)) like footnotes and end notes; [bibliography](/source/bibliography), for example in academic journals or textbooks * [Page header](/source/Page_header)s and [page footer](/source/page_footer)s, the contents of which are usually uniform across content pages and thus automatically duplicated by layout software. The [page number](/source/page_number) is usually included in the header or footer, and the software automatically increments it for each page. * [Pull quote](/source/Pull_quote)s and [nut graph](/source/nut_graph)s which might be added out of course or to make a short story fit the layout * [Table of contents](/source/Table_of_contents) In newspaper production, final selection and [cropping](/source/Cropping_(image)) of photographs accompanying stories might be left to the layout editor (since the choice of photo could affect the shape of the area needed, and thus the rest of the layout), or there might be a separate photo editor. Likewise, [headline](/source/headline)s might be written by the layout editor, a [copy editor](/source/copy_editor), or the original author. To make stories fit the final layout, relatively inconsequential copy tweaks might be made (for example, rephrasing for brevity), or the layout editor might make slight adjustments to [typography](/source/typography) elements like [font size](/source/font_size) or leading. ===Floating block=== A floating block in writing and publishing is any graphic, text, table, or other representation that is unaligned from the main flow of text. The use of floating blocks to present pictures and [table](/source/table_(information))s is a typical feature of [academic writing](/source/academic_writing) and [technical writing](/source/technical_writing), including scientific articles and books. Floating blocks are normally labeled with a caption or title that describes its contents and a number that is used to refer to the figure from the main text. A common system divides floating block into two separately numbered series, labeled ''figure'' (for pictures, diagrams, [plots](/source/Plot_(graphics)), etc.) and ''table''. An alternative name for figure is '''image''' or '''graphic'''. Floating blocks are said to be ''floating'' because they are not fixed in position on the page at the place, but rather drift to the side of the page. By placing pictures or other large items on the sides of pages[https://books.google.com/books?id=HQcFAAAAQBAJ&pg=RA2-PA2 ''New Perspectives on JavaScript and AJAX, Comprehensive'']. p. VS-B2. rather than embedding them in the middle of the main flow of text, [typesetting](/source/typesetting) is more flexible and interruption to the flow of the narrative is avoided. For example, an article on [geography](/source/geography) might have "Figure 1: Map of the world", "Figure 2: Map of Europe", "Table 1: Population of continents", "Table 2: Population of European countries", and so on. Some books will have a table of figures—in addition to the [table of contents](/source/table_of_contents)—that lists centrally all the figures appearing in the work. Other kinds of floating blocks may be differentiated as well, for example: : Sidebar:[https://books.google.com/books?id=u-I0_7Utu58C&pg=PT406 ''Sams Teach Yourself Dreamweaver CS5 in 24 Hours'']. p. 406. For digressions from the main narrative. For example, a technical manual on the usage of a product might include examples of how various people have employed the product in their work in sidebars. Also called an ''intermezzo''. See [sidebar (publishing)](/source/sidebar_(publishing)). : Program: Articles and books on [computer programming](/source/computer_programming) often place code and [algorithms](/source/algorithms) in a figure. : Equation: Writing on mathematics may place large blocks of mathematical notation in numbered blocks set apart from the main text. ==Presenting layouts under development== A [mockup](/source/mockup) of a layout might be created to get early feedback, usually before all the content is actually ready. Whether for paper or electronic media, the first draft of a layout might be simply a rough paper and pencil sketch. A [comprehensive layout](/source/comprehensive_layout) for a new magazine might show placeholders for text and images, but demonstrate placement, typographic style, and other idioms intended to set the pattern for actual issues or a particular unfinished issue. A [website wireframe](/source/website_wireframe) is a low-cost way to show layout without doing all the work of creating the final HTML and CSS, and without writing the copy or creating any images. [Lorem ipsum](/source/Lorem_ipsum) text is often used to avoid the embarrassment any improvised sample copy might cause if accidentally published. Likewise, placeholder images are often labeled "[for position only](/source/for_position_only)". ==See also== {{div col|colwidth=30em}} *[Aesthetics](/source/Aesthetics) *[Book design](/source/Book_design) *[Canons of page construction](/source/Canons_of_page_construction) *[Database publishing](/source/Database_publishing) *[Desktop publishing](/source/Desktop_publishing) *[Editing](/source/Editing) *[Layout engine](/source/Browser_engine) *[News design](/source/News_design) *[Page margin](/source/Page_margin) *[Publishing Interchange Language](/source/Publishing_Interchange_Language) *[Slicing](/source/Slicing_(interface_design)) *[Swiss Style (design)](/source/Swiss_Style_(design)) *[Web design](/source/Web_design) {{div col end}} == References == {{Reflist}} ==External links== {{Wiktionary|page layout|typesetting}} * [http://xml.coverpages.org/sgml.html SGML page at www.xml.org] {{Webarchive|url=https://web.archive.org/web/20190219135940/http://xml.coverpages.org/sgml.html |date=19 February 2019 }} * [Symbols](/source/%3ACategory%3ATypographical_symbols) – All articles categorized as relating to typographical symbols * [https://tug.org/ TeX Users Group] * [https://www.w3.org/XML/ XML page at www.W3C.org] {{Books}} {{Book Publishing Process}} {{Typography terms}} {{Letterpress}} {{Authority control}} Category:Page layout Category:Book arts Category:Communication design Category:Graphic design Category:Composition in visual art --- Adapted from the Wikipedia article [Page layout](https://en.wikipedia.org/wiki/Page_layout) by Wikipedia contributors ([contributor history](https://en.wikipedia.org/wiki/Page_layout?action=history)). Available under [Creative Commons Attribution-ShareAlike 4.0 International](https://creativecommons.org/licenses/by-sa/4.0/). Changes may have been made.