Hubbry Logo
search
logo
Sidebar (publishing) avatar
Sidebar (publishing)
Sidebar (publishing)
current hub
2155480

Sidebar (publishing)

logo
Community Hub0 Subscribers
Read side by side
Sidebar (publishing)
View on Wikipedia
from Wikipedia
Wikipedia's layout features a sidebar on the left side.[needs update]

In publishing, sidebar is a term for information placed adjacent to an article in a printed or Web publication, graphically separate but with contextual connection.

The term has long been used in newspaper and magazine page layout. It is often used as the title of legal groups' publications in the US as a pun on "the bar", a term for the legal profession: The Federal Bar Association,[1] Montgomery Bar Association of Norristown Pennsylvania,[2] and the Westmoreland Bar Association[2] are 3 examples.

It is now common in Web design, where sidebars originated as advertising space and have evolved to contain information such as quick links to other parts of the site, or links to related materials on other sites. Online sidebars often include small bits of information such as quotes, polls, lists, pictures, site tools, etc.

See also

[edit]

References

[edit]
Revisions and contributorsEdit on WikipediaRead on Wikipedia

Sidebar (publishing)

View on Grokipedia
from Grokipedia
A sidebar in publishing is a visually distinct block of supplementary content, often boxed, framed, or set apart by rules, different fonts, colors, or backgrounds, that accompanies the main text in newspapers, magazines, books, websites, and other publications. It offers additional information such as facts, statistics, quotes, background details, biographies, glossaries, related anecdotes, resources, profiles, tips, or infographics that enhance the primary narrative without interrupting its flow. In French-language publishing and journalism, this element is specifically termed an encadré (or texte encadré), defined as a short text or article surrounded by a border that provides complementary insight or a particular angle on the subject.[1][2][3][4] In journalism, sidebars often accompany a mainbar—the primary news story covering the core facts and events—and focus on a single aspect rather than the full scope, such as a profile of a key figure, community reactions, historical context, or safety implications. This separation allows editors to handle complex stories more effectively, presenting essential information in the mainbar while offering deeper or alternative perspectives in sidebars. Sidebars are typically shorter than the main article, though length varies, and they may include graphics, charts, or other visual elements to engage readers.[5][6] Sidebars improve readability by breaking up dense text in print media and providing quick, accessible insights in digital formats. They can contain standalone short pieces with their own structure, including dissenting opinions, expert views, frequently asked questions, instructions, recipes, quizzes, or trivia that relate directly to the main content. In books, sidebars often appear alongside the main body on the left or right, using distinct formatting to highlight definitions, key terms, or supplementary explanations. In magazines and newspapers, they may appear beside, at the end of, or integrated near the main article to draw attention and encourage further reading.[1][2] The design and placement of sidebars serve both functional and aesthetic purposes: they prevent information overload in the main narrative, add visual interest, and allow for targeted details that might otherwise disrupt the primary flow. In some cases, sidebars are suggested or assigned separately by editors, and freelance writers may propose them to expand article packages.[1][5]

Definition and purpose

Definition

A sidebar in publishing is a short piece of text or other content that is graphically separated—typically by a box or border—from the main article in newspapers, magazines, websites, or other publications. It appears adjacent to or near the primary narrative and provides supplementary information that relates to, but does not interrupt, the main text flow.[1][7] In French-language publishing and journalism, this element is known as an encadré (or texte encadré), defined as a short article or text segment surrounded by a border (filet) that offers complementary insight or a specific angle on the subject.[3][4] Sidebars are designed to enhance readability by isolating additional details—such as facts, background, or explanations—while preserving the continuity of the main story.[1]

Purpose and benefits

Sidebars in publishing serve the essential purpose of presenting supplementary content—such as facts, statistics, quotes, background details, biographies, glossaries, or related anecdotes—that enriches the main narrative without interrupting its logical progression or flow. By isolating this material in a visually distinct, boxed format, sidebars maintain the coherence and focus of the primary text while allowing readers to access additional context at their discretion.[1][8] This separation significantly enhances readability by preventing the main body from becoming cluttered or visually overwhelming, breaking up dense blocks of text, and providing visual relief that makes long articles or chapters less daunting. Sidebars help avoid the impression of dry or impenetrable prose, keeping the publication more inviting and easier to navigate.[9][1] From an editorial perspective, sidebars add depth and value to the overall piece by incorporating extra dimensions or perspectives that might otherwise dilute the main story's momentum. They enable more comprehensive information delivery, catering to varied reader needs—such as quick skimming for key takeaways or deeper dives into specifics—thereby boosting engagement and comprehension without sacrificing narrative clarity.[10][11][12]

History

Origins in print journalism

The practice of using boxed supplementary content in print journalism developed as newspapers and magazines sought to separate additional information from the main narrative to improve readability. These boxed elements, often containing facts, quotes, background details, or statistics, were initially informal inserts that gradually became more standardized editorial features. The term "sidebar" itself, denoting a secondary article accompanying a larger one in a newspaper, was first recorded in 1948.[13] In French-language publishing and journalism, the equivalent term "encadré" (or "texte encadré") dates to the 20th century, referring to a framed or bordered text block set apart from the primary content.[14]

Evolution in digital media

With the shift to online publishing, sidebars transitioned from the static, fixed-position boxes of print media to dynamic digital elements capable of greater flexibility and interactivity. Advances in web technologies, particularly cascading style sheets (CSS), enabled sidebars to float alongside the main text, remain visible while scrolling (via "sticky" positioning), or collapse into expandable sections, allowing publishers to maintain supplementary content without disrupting the primary narrative flow.[15] Responsive web design, which gained prominence in the early 2010s, further adapted sidebars to diverse screen sizes and devices; on smaller screens, such as smartphones, sidebars typically reposition below the main content or transform into accordion-style elements to preserve readability and user experience.[16] This adaptability contributed to expanded use in long-form digital journalism, where sidebars increasingly incorporated multimedia to provide richer context, including embedded videos, audio clips, interactive maps, graphics, glossaries, and timelines. An early example appeared in the Philadelphia Inquirer's 1997 online adaptation of Black Hawk Down, which featured a dedicated multimedia sidebar with photos, maps, audio, video, and a "Who's Who" section to complement the narrative.[17] Subsequent developments in digital platforms emphasized seamless integration of these elements, enhancing engagement in in-depth reporting while preserving the core function of sidebars as non-intrusive supplements to the main text.

Types of sidebars

Fact boxes and statistics

Fact boxes, also known as stat boxes or simply fact boxes, are among the most common subtypes of sidebars in newspapers, magazines, and other publications. They consist of boxed-off sections that present concise, data-driven information separate from the main narrative, typically containing key statistics, figures, timelines, lists of essential facts, or comparison tables.[18][19] These sidebars serve to isolate numerical or reference material that might otherwise disrupt the flow of the primary text. Common content includes bullet-pointed key figures, chronological summaries of events, tabular comparisons of data points, or quick lists of pertinent facts that directly support the main story without requiring integration into the prose.[20][18] The editorial rationale for using fact boxes lies in improving readability and accessibility: by extracting dense statistical or factual details from the main body, they allow the narrative to maintain momentum while providing readers with easily scannable, quick-reference information. This approach prevents clutter in the primary text and enables skimmers to grasp critical data at a glance.[18] Visually, fact boxes are distinguished through borders, shaded backgrounds, different fonts, or placement in a dedicated column or panel, often employing short sentences, bullet points, numbered lists, or simple tables to enhance clarity and engagement.[20][19]

Backgrounders and biographies

Backgrounders and biographies serve as key sidebar formats that deliver supplementary contextual details, enabling the main narrative to remain focused and streamlined. These sidebars typically feature concise biographical profiles of individuals central to the story, historical summaries, event timelines, or "who's who" compilations that clarify relationships and relevance without overloading the primary text. By isolating this material visually, publications maintain readability while equipping readers with essential background knowledge to better comprehend the subject.[12][5] In news journalism, backgrounder sidebars often explore prior events, historical precedents, or contextual details related to the main story, such as past incidents at a location or the evolution of an issue, preventing the lead from becoming encumbered with non-immediate information. Biographic sidebars, meanwhile, provide short profiles of key figures—for example, a rescuer in an emergency report or a prominent individual involved in an event—highlighting their relevant history, achievements, or roles to add depth and human interest. This approach allows editors to separate hard-news essentials from supportive portraits or timelines that enrich understanding.[5] Magazines, books, and feature articles frequently employ these sidebars for similar purposes, such as including a brief biography of a founder, author, or historical figure repeatedly referenced in the main text, or a chronological timeline of related developments. Such placement keeps the core narrative fluid while offering readers quick access to pertinent details, like a pastor's wartime service and postwar life in a congregational history piece. These elements enhance engagement by breaking up dense prose and providing targeted insight without disrupting the article's overall flow.[12][8]

Quotes and anecdotes

Sidebars dedicated to quotes and anecdotes feature carefully selected direct quotations or brief illustrative stories that add color, emotional depth, or human interest to the main narrative without disrupting its flow. These elements allow editors to highlight distinctive voices, eyewitness perspectives, or memorable moments, providing emphasis and variety while keeping the primary text focused and uninterrupted.[21] Quotation-focused sidebars typically present key statements from experts, interviewees, or historical figures, often in pull-quote style but compiled as a distinct boxed section. They serve to reinforce central ideas, offer authority, or introduce contrasting viewpoints, such as expert commentary that adds insight to the topic at hand.[20] Anecdote sidebars, by contrast, deliver short, engaging real-life examples or vignettes that illustrate broader themes, making abstract concepts more relatable or vivid. These may draw from personal experiences, eyewitness accounts, or illustrative incidents to enhance reader engagement and provide contextual color.[21] In nonfiction books, such sidebars commonly incorporate related quotes from notable thinkers or individuals, proverbs, folktales, or real-life examples to break up dense text and support key points.[22] While similar to standalone pull quotes in their use of extracted text for emphasis, quote and anecdote sidebars function as dedicated supplementary content types, often containing multiple selections or extended narratives rather than single excerpts from the main body.

Glossaries and explanations

Glossaries and explanations in sidebars provide concise definitions of technical terms, explanations of jargon, or clarifications of specialized concepts that appear in the main text. These sidebars are especially common in technical, scientific, legal, medical, and academic publications, where precise terminology might otherwise hinder reader understanding.[2] By placing definitions or brief explanatory passages in a visually distinct box, publishers enable readers to grasp essential meanings quickly without interrupting the primary narrative or forcing a detour to a separate glossary or external reference. This format is particularly effective in nonfiction works addressing complex subjects, as it delivers immediate context and enhances accessibility for both expert and non-expert audiences.[23] In practice, such sidebars often take the form of mini-glossaries listing key terms with succinct definitions or short process explanations that illuminate procedural or conceptual details related to the main content. For instance, a sidebar might define acronyms, elucidate industry-specific language, or outline a technical process in simple steps, thereby supporting comprehension while keeping the main article focused and streamlined.[2][23] Unlike fact boxes that present raw data or statistics, explanatory sidebars prioritize conceptual clarity over numerical detail, making them a targeted tool for aiding reader comprehension in specialized contexts.

Design and layout

Visual design elements

Visual design elements Sidebars in publishing are visually set apart from the main narrative through a combination of graphic and typographic techniques that ensure clear separation while maintaining readability and aesthetic coherence. Common features include borders or thin rules enclosing the content, which create a distinct boundary from the surrounding text.[20] Background shading or a contrasting fill color is frequently applied to the sidebar area, enhancing visibility and drawing the reader's attention without overwhelming the page.[20] In layout software such as Adobe InDesign, designers can apply strokes for borders (e.g., in a complementary color), fills for background (e.g., a solid or semi-transparent shade), and rounded corners to soften the frame's appearance and differentiate it from rectangular main text blocks.[24] Typographic distinctions often involve different fonts or styles, such as sans-serif typefaces, bold headings, or contrasting text color (e.g., white on a dark background) to improve scannability and hierarchy within the sidebar.[24] Inset spacing around the text, typically achieved through frame options, provides breathing room and further separates content from the edges.[24] Small icons, images, or callouts may be incorporated to add visual interest and support the supplementary information.[20] These elements collectively apply principles of contrast—to make the sidebar perceptually distinct—hierarchy—to organize information with emphasis on key points through size, weight, or position—and legibility—to ensure the content remains easy to read through appropriate spacing, font choices, and color contrast.

Placement strategies

Placement strategies for sidebars involve careful editorial and design decisions to position the boxed content relative to the main narrative for optimal readability, contextual relevance, and flow. In print publications such as newspapers and magazines, sidebars are most commonly positioned adjacent to the main body text, often in a dedicated column, margin, or boxed area within the page layout.[9][21] This adjacency allows readers to access supplementary details without interrupting the primary reading path, while respecting fixed column widths, page dimensions, and grid constraints that limit repositioning options.[21] Placement is typically to the left or right of the main text, with no fixed preference for one side, and multiple sidebars may appear in a single article.[1] Sidebars are often aligned next to the specific paragraphs they complement, ensuring immediate contextual connection. In digital publishing, sidebars are frequently positioned to the right or left of the main content area.[5] They may be anchored adjacent to relevant sections of the scrolling text or grouped at the article's start or end, adapting to responsive layouts and varying screen sizes.[5] Print layouts prioritize static positioning within constrained space to avoid awkward breaks or wasted white space, whereas digital formats emphasize flexible, user-centered placement that accounts for scrolling behavior and device adaptability.

Terminology

English usage

In English-language publishing, particularly in newspapers, magazines, and books, the primary term for this typographic element is sidebar. This term is widely used in both American and British English, with no major documented differences in style guides or terminology between the two variants. Common synonyms and alternative descriptors include box, panel, inset, and text box. In British newspaper terminology, for example, a sidebar is explicitly described as "a panel or box" containing supplementary content related to the main story. American journalism resources similarly apply "sidebar" as the standard term, often in contrast to the main narrative or "mainbar." Other occasional variants such as "breakout box" or "callout" appear in magazine and design contexts but are less common for the core concept. In contrast to French-language publishing, where the equivalent is termed "encadré", English usage predominantly favors "sidebar" across print and digital formats.

French "encadré" and equivalents

In French-language publishing and journalism, the sidebar is primarily known as an encadré or texte encadré (literally "framed text").[25][14] The term encadré refers to a text visually distinguished from the main content by a surrounding frame or filet (border or rule), a design convention that isolates supplementary material for emphasis and clarity.[25] The Dictionnaire de l'Académie française defines it as "dans une page imprimée, texte distingué des autres par un cadre formé de filets."[14] In journalistic practice, an encadré is a short accompanying text that provides complementary insight or additional context to the main article without interrupting its flow.[4] It typically contains facts, explanations, chronologies, testimonies, or other details that enrich the primary narrative.[26] The texte encadré variant highlights the enclosed, framed character of the element and is used interchangeably in many French editorial contexts. This terminology reflects longstanding conventions in French press and book design, where visual separation enhances readability while maintaining narrative coherence. This corresponds to the English "sidebar" in other traditions.

Related elements and distinctions

Comparison to pull quotes

Sidebars and pull quotes are both commonly used design elements in newspapers, magazines, and online articles to enhance readability and visual appeal, but they differ significantly in purpose, content, and function.[27][20] A pull quote is a short excerpt taken directly from the main body of the article and reproduced in a larger, more prominent typeface, often with quotation marks, distinctive styling, or a box to make it stand out.[28][27] It repeats text already present in the primary narrative, serving primarily as a decorative and attention-grabbing device to highlight key phrases, evoke emotion, encapsulate themes, or break up long blocks of text without introducing new information.[28] Pull quotes are typically brief (often under 25 words), memorable, self-contained, and placed strategically to draw the eye during scanning, with placement usually every 400–600 words to maintain impact without clutter.[28] In contrast, sidebars contain supplementary material that goes beyond the main article, providing additional context, facts, statistics, expert commentary, step-by-step instructions, profiles, or related anecdotes that complement but do not merely repeat the primary text.[20][9] Sidebars function as self-contained mini-articles or information boxes, often with their own headline, structure (including a beginning, middle, and end), and design elements such as borders, different backgrounds, fonts, or images, and they are generally longer (150–300 words) and more substantive.[20][9] While both elements are visually separated from the main narrative—frequently through boxing, color contrasts, or positioning—pull quotes emphasize existing content for typographic emphasis and reader engagement, whereas sidebars deliver independent, value-adding content that deepens understanding without disrupting the flow of the primary story.[27][20] Sidebars may occasionally incorporate pull quotes or callouts as internal design features to highlight key points within them, but the sidebar itself remains broader in scope and purpose.[20]

Comparison to infoboxes

Infoboxes, often employed in wiki-based and digital encyclopedic formats, are structured, tabular summaries typically positioned in the top right corner of an article to provide a quick, consistent overview of key facts about the subject, such as biographical details, specifications, or essential data.[29][30] They function similarly to fact sheets or summary sidebars in magazine publishing, emphasizing uniformity across related articles through standardized fields and template-driven design for easy readability and navigation.[29][30] In contrast, sidebars in traditional print and general publishing are more flexible in both form and placement, appearing adjacent to the relevant section of the main narrative rather than in a fixed top-right position. They accommodate diverse supplementary content—such as narrative explanations, anecdotes, glossaries, extended quotes, or background details—in formats ranging from prose paragraphs to bulleted lists or small images, without the rigid key-value structure typical of infoboxes.[31] While infoboxes prioritize concise, at-a-glance factual extraction and cross-article consistency, sidebars focus on enriching the reader's understanding through contextual elaboration that complements but does not duplicate the primary text. In some contexts, particularly American English usage, the terms overlap, with wiki-style infoboxes described as a specialized form of sidebar.[32] However, sidebars generally offer greater editorial freedom in content and layout to suit the specific needs of the main article.

Comparison to callouts and breakout boxes

In publishing and document design, sidebars are visually distinct from callouts and breakout boxes primarily in the scope and variety of their content, though the terms overlap considerably depending on regional, medium-specific, and stylistic conventions. Sidebars typically present broader and more varied supplementary material, such as mini-articles, lists, biographies, glossaries, background details, or extended anecdotes that complement the main narrative without interrupting its flow. In contrast, callouts and breakout boxes more commonly highlight concise, focused elements—such as a single fact, statistic, tip, quote, or key point—to draw attention to specific information.[33][34] Callouts are frequently described as smaller design elements that emphasize a particular piece of information, often with graphics or enlarged text, and may be positioned flexibly within or near the main content. Breakout boxes, meanwhile, share similarities with sidebars in providing supplementary text but are often shorter and can appear anywhere on the page rather than being restricted to a side placement, making them useful for breaking up dense text blocks in non-fiction works.[33][34][35] Terminology varies significantly: in some contexts, particularly Australian government style guidance, sidebars are treated as a subtype of callout positioned alongside the main text, while journalism glossaries sometimes use "breakout" interchangeably with short boxed articles or sidebars. Other publishing sources explicitly distinguish callouts as more limited in length and purpose compared to the more substantial content typical of sidebars. This overlap reflects differences in print versus digital design traditions, as well as preferences across magazines, books, and newspapers.[35][36][37]

References

  1. Sidebar: What Is It?
  2. What Is a Sidebar in Publishing
  3. Définition : Encadré - Guide Presse
  4. Éducation aux Médias et à l'information - @clemiversailles
  5. How Mainbars and Sidebars Are Used in News Coverage
  6. Journalism Terms: Your Glossary Of Newsroom Jargon - Trint
  7. SIDEBAR | English meaning - Cambridge Dictionary
  8. How to Use Sidebars, Charts, and Images - Kristen Stieffel
  9. Writing: Call Outs, Sidebars and Breakout Boxes - Linda S. Clare
  10. Why print editors love sidebars -
  11. Sidebar Savvy. How to write a sidebar that adds value… | by Kathy Widenhouse | Writers’ Blokke | Medium
  12. Sidebar Savvy: How to Write a Side Bar That Adds Value to Your Content
  13. Sidebar - Etymology, Origin & Meaning
  14. encadré | Dictionnaire de l'Académie française | 9e édition
  15. Printing Newspapers 1400-1900: A Brief Survey of the Evolution of the Newspaper Printing Press | Headlines & Heroes
  16. 6 Lessons digital news can learn from print | by Greg Emerson | Medium
  17. Responsive web design basics | Articles - web.dev
  18. [PDF] Chapter 9 The Evolution of Literary Journalism in the Digital Age
  19. Newspaper Journalism: A Practical Introduction
  20. No Title
  21. How to write a magazine article sidebar that pops - Magazine Training International
  22. The Elements of a Typical Print Magazine - GoPublish
  23. Sidebar Design: Creating Standout Nonfiction Books (+ 8 Best Practices) - The Book Designer
  24. Sidebar in a Book: Elevate Your Writing with Information Boxes - The Book Cover Designer
  25. Learn InDesign Create an attractive sidebar in no time at all - Adobe
  26. encadré - Définitions, synonymes, prononciation, exemples | Dico
  27. 03. Le langage technique du journalisme écrit
  28. Block Quotes and Pull Quotes: Examples and Good Practices — Smashing Magazine
  29. Pull Quotes in Journalism: Select Quotes That Draw Readers In (2026) | River
  30. Help:Infobox - UBC Wiki
  31. Help:Classic infoboxes | Community Central - Fandom
  32. page layout - What are side boxes properly called?
  33. https://ell.stackexchange.com/questions/202364/what-do-you-call-the-infoboxes-with-text-and-sometimes-images-on-the-side-of-a-p
  34. Glossary of Magazine Design Terms and Definitions - Picante Publications
  35. 6 Keys for Book Page Layout: Don't Ignore These Design Rules If ...
  36. Text boxes and callouts - Style Manual
  37. Journalism & Media Glossary - The News Manual
  38. A Guide to Confusing Publishing Terms - SparkPress
User Avatar
No comments yet.