Skip to main content
Loading...
content

Capability Showcase — Every Section Type

Every block Sites can render, on one site — people, documents, process, media, layout and live-data sections, each labelled with its type name.

Every employee gets a seat — priced per employee in Communications & Intranet, quoted with this template ready.

Rolled out to every employee at AutoZone (125,000), PetSmart (50,000+), A.S. Watson and Raley's (20,000) — and at larger retailers we are not permitted to name.

Built for: Cross Industry

Overview

Capability Showcase — Every Section Type is a seven-page intranet reference site for evaluating the full set of 49 supported Sites section types. The fictional Northstar Works content makes each pattern visible in context instead of presenting an empty catalog. Showcase Home introduces the purpose, summarizes the reference, and points readers toward family pages through a two-level navigation menu.

Use this template before building a production team, department, company, project, or knowledge_base site. Administrators can compare hero, feature_cards, quick_links, resource_hub, faq, journey_map, policy_links, stats_bar, table_of_contents, and other archetypes against real reader tasks. Designers can review progressive disclosure, page hierarchy, visual_mode choices, and the balance between orientation, action, knowledge, and connection.

This template is not intended to become an employee-facing portal, policy library, or news center without substantial editing. It contains examples for learning, not authoritative business information. After cloning, confirm the navigation tree, replace fictional copy and media, assign page owners, set review dates, and remove patterns that do not serve a defined audience. Keep a focused production page between five and twelve sections, with a hero or table_of_contents leading the reader before deeper content.

Standards & compliance context

  • Use the WCAG 2.1 AA target shown in the reference as a design baseline for audience-restricted intranet pages, then test the customized content and components.
  • Apply least-privilege audience permissions to draft, administrative, or design-system pages so examples are visible only to the people who need them.
  • Keep sample pages clearly labeled as references and separate them from authoritative policy, safety, legal, or regulatory content.
  • Assign review ownership and dates so outdated navigation guidance or renderer examples can be corrected when the Sites implementation changes.

General regulatory context for orientation only — verify current requirements with counsel or the relevant agency before relying on this template for compliance.

How to use this template

  1. Clone the showcase and rename the site for your design system, content team, or intranet planning workspace.
  2. Review Showcase Home, then use the two-level sidebar to open each family page and inspect how related section archetypes work together.
  3. Map each planned production page to a reader task and select only the section types that help the reader find, do, know, or connect.
  4. Replace Northstar Works sample copy, images, links, headings, and calls to action while preserving descriptive labels and meaningful heading order.
  5. Assign an owner and review cadence to every production page, test navigation and accessibility, and confirm that internal routes respect audience permissions.
  6. Use the customized reference in a design review, then publish a smaller production site rather than exposing the entire pattern gallery to employees.

Best practices

  • Lead every production page with a hero or table_of_contents so readers know the page promise before scrolling.
  • Keep the family grouping and two-level navigation when the reference is used for training, but avoid burying critical production content beneath gallery navigation.
  • Choose section archetypes by reader task and alternate section types to maintain visual rhythm instead of stacking repeated rich-text blocks.
  • Use realistic sample copy during reviews, because short placeholder text can hide wrapping, scanability, and accessibility problems.
  • Give every production page a named role owner, an audience, a review date, and an escalation route for inaccurate content.
  • Write link labels that describe the destination, and ensure visual cards, icons, and images add context rather than repeating adjacent text.
  • Test the cloned site at keyboard-only, zoomed, and narrow-screen sizes before using it in an authoring workshop.
  • Remove unused example pages and stale references before publishing so employees do not mistake demonstrations for approved guidance.

What this template typically catches

Issues teams running this template most often surface in practice:

A reference page is published without a clear label, causing employees to treat fictional examples as current company guidance.
The sidebar contains family pages but no meaningful two-level navigation, forcing reviewers to search for individual patterns.
A production clone retains every example section, creating a long page that hides the actual employee task.
Sample links still point to showcase routes, so cards and calls to action lead readers back to the design reference.
A wall of similar content sections replaces feature_cards, quick_links, or resource_hub patterns that would support scanning.
No role owner or review cadence is recorded, allowing renderer guidance and accessibility advice to become stale.
Images lack useful alternative text or decorative treatment, reducing the value of the visual examples for assistive-technology users.

Common use cases

Intranet administrator pattern library
An intranet administrator clones the showcase into a restricted workspace and uses the family pages to document which section archetypes are approved for company, department, and team sites. The administrator removes unsupported or out-of-scope examples before linking the guide from the publishing hub.
Digital workplace design workshop
A design lead walks stakeholders through Showcase Home and the orientation pages during an information-architecture session. Participants map employee questions to find, do, know, and connect outcomes, then record the selected page_type and section sequence for each proposed site.
Content-owner onboarding
A communications manager assigns new page owners a short tour of the showcase before they author announcements, wiki pages, or landing pages. The owners compare card, resource, FAQ, and journey patterns and practice replacing sample copy without creating inaccessible headings or links.
Higher-education department hub planning
A faculty services team evaluates the showcase while planning a department site with staff contacts, policy links, student resources, and recurring announcements. They use the gallery to separate people-focused content from policy content and establish owners for each page.
Enterprise design-system governance
A digital workplace governance group uses the template as a visual catalog during quarterly design reviews. The group checks whether new page proposals use progressive disclosure, role-based landing pages, and hub-and-spoke navigation rather than adding another unstructured content page.

Go deeper on the topic

Related concepts
  • A modern intranet is a specific surface — typically the home-base destination where employees get company news, find policies, and access key apps. A digital...

Ready to use this template?

Every employee gets a seat. Request pricing for Communications & Intranet and we quote into a workspace with Capability Showcase — Every Section Type ready.

Request pricing

Rolled out to every employee at AutoZone (125,000), PetSmart (50,000+), A.S. Watson and Raley's (20,000) — and at larger retailers we are not permitted to name.