Paragraph It`s is a reusable content component designed to display rich text within a page layout. It allows content authors to easily add, edit, and format text—such as paragraphs, headings, links, lists, and inline media—directly in the Sitecore Experience Editor or Content Editor. It`s built around a Rich Text Field, the Paragraph component supports HTML formatting while maintaining consistency with the site’s design through predefined styles and templates. It is used for body copy, informational sections, and supporting content, enabling flexible content creation while ensuring brand and layout standards are preserved across the website.
  • Use Cases: The Sitecore Paragraph component is commonly used to present main body content, supporting descriptions, and supplementary information within a page layout. It enables content authors to add and format rich text such as paragraphs, lists, links, and emphasized content without technical assistance, making it ideal for flexible page composition. The component supports consistent reuse across pages, helps maintain brand and design standards, contributes to SEO through structured text content, and fits seamlessly into modular layouts such as grids or columns.
  • Dependencies
    • None required. The Paragraph is fully self-contained and does not rely on child items or external data sources.
  • Text format: All the text can be edited and formated as a rich text field
Creating an Illustration Card
  1. In Content Editor, create a "Illustration Card Folder" under the "_datasources" of your page
  2. Create a new Illustration Card item from the Illustration Card template.
  3. Fill in the required fields
    • Title
    • Background Color
      • ⚠ Important: The colors for the background are located in the following folder: /sitecore/content/AWTSites/GlobalRepository/Shared/Global/Component Settings/Illustration Card Settings Folder/Color Setting Folder. If a color does not exist (or the language version is not added), please add it to this path.
  4. Fill in optional fields: Description, Illustration Card Image, etc
  5. In Experience Editor, insert the Illustration Card rendering into the awt-container (or any component which can be placed inside the awt-container) or awt-cards-container placeholder.
    • The awt-cards-container is only used if 5 card components are needed (awt-container only allows having 4 components in a single row)
  6. Associate the Illustration Card item as the data source.
  • Normal: (Default state) Image on top, title and description below
  • Horizontal: Image on the left, title and description on the left.
  • There are currently no known issues with this component
Original Documentation: Confluence Link Designs: Figma Link Related Documentation: CTA Component, Text Description Card