Home/Field Guide/Sites, CMS & commerce
CONCEPT 18
Sites, pages, fragments, and design
Compose an editorial experience with layouts, reusable sections, and controlled styling.
Build the page in layers
A site groups pages and related resources. A content page is composed visually from fragments and widgets. A widget page emphasizes application widgets and their layout. A master page controls shared regions around page content. A style book exposes supported design tokens for consistent typography, colors, and spacing. A fragment supplies reusable presentation markup, styling, and optional behavior with editable or configurable areas.
A display page template applies a reusable layout to individual content items. A collection and collection display handle lists of records. This means you can create one template for knowledge articles and map each article’s title and summary instead of authoring a standalone page for every article.
Work through a knowledge landing page
- Start with a master page for shared chrome and a style book for typography and spacing.
- Build a landing page with a hero fragment and a collection display for articles. Keep the fragment configuration small.
- Map article fields in a display page template and verify the friendly URL, metadata, and canonical behavior in your release.
- Preview published and editor modes, using two locales and two roles. Check heading order, contrast, links, and content access.
Reuse design across sites
DXP 2026.Q3 introduced Design Libraries for centralizing reusable design assets and distributing approved assets through Design Packs. Use the availability documentation to confirm your target. Before propagating a change, preview the affected sites and test overrides, versions, and component behavior.