CPC
CPC CPC
  • Web Components Guide

Content App

  • Core Components
    • Basic Content
    • Hero Banners
    • Layout Element
    • Letter
  • Media Components
    • Images
    • Videos
    • Icons
  • Interactive Components
    • Full Width Accordion
    • Accordion List
    • Tabs
    • Vertical Tabs
    • CTA Block
    • Contact Playlist
    • Datapoint

Custom Apps

  • Artifact Library App
    • Artifact Grid
    • Asset Grid Carousel
    • Playlist Tabs Collection
    • Resources Carousel
    • Resources Download
  • Events App
    • Event List
    • Event Page
  • Forms App
    • ClickDimensions Widget
  • Products App
    • Carousel - Products
    • Carousel - Series
    • Carousel - Recently Viewed
    • Carousel - Custom
    • Series Page URL Handler

Other

  • Alert Banners
    • Overiview
    • DNN Alert Banner
    • Adam Alert Banner

Artifact Library App Components

Custom Apps | Web Components Guide

Artifact Library App

Artifact Grid

A set of artifacts organized in a grid. This component, like many others in the Artifact Library, can either manually select artifacts to include in its playlist, or automatically assign the artifacts via a query. Artifacts span the entire width of their container, align center and support a "show more" button when more than two rows are required to display all added artifacts. Some important display settings to consider:

  • Image size: short vs tall image display and artifact width
  • Required rows for display
  • Title display
  • Background color contrast: Artifact description areas are always white background, which can either blend in or contrast depending on container's background
Artifact Grid | Two columns, short images, hidden title
Artifact Grid | Two columns, short images, hidden title
Artifact Grid | Three columns, short images, unfilled row
Artifact Grid | Three columns, short images, unfilled row
Artifact Grid | Three columns, default images, hidden title, show more button
Artifact Grid | Three columns, default images, hidden title, show more button

Artifact Library App

Asset Grid Carousel

A set of artifacts organized in a carousel. Artifacts are usually displayed in two columns, centered, with paginated overflow content. The carousel can be set to periodically auto-advance using the autoplay toggle.

Like other Artifact Library playlists, artifacts can be manually applied or assigned via query. 

Asset Grid Carousel | Wireframe container background
Asset Grid Carousel | Wireframe container background
Asset Grid Carousel | Dark container background
Asset Grid Carousel | Dark container background

Artifact Library App

Playlist Tabs Collection

Tab-style artifact playlist, ideal for comfortably fitting lots of content into a relatively small space.

Multiple Customization options available with variations for each option. Options include: Background Color, Background Color End (for gradient bg), Text Color, CTA Color, CTA Color Mobile, and Sub-Carousel Active Page Color.

Things to consider: Tabs will include all copy from the artifacts and the tab details, so the more content displayed, the taller the component will appear. There isn't a limit to the number of tabs that can be included, nor the number of artifacts for each tab. Every tab will feature a CTA like the "Products Overview" buttons in the examples below.

Playlist Tabs Collection | Thermal market page
Playlist Tabs Collection | Thermal market page
Playlist Tabs Collection | Bio market page
Playlist Tabs Collection | Bio market page

Artifact Library App

Resources Carousel

Single-row, paginated resource display showing three artifacts at a time. Includes an autoplay feature like the asset grid carousel, but also sports an optional CTA block and a dedicated area for forward and backward buttons.

Resources Carousel | No CTA, light grey background, blue arrows
Resources Carousel | No CTA, light grey background, blue arrows
Resources Carousel | CTA block, blue background, yellow next/back arrows
Resources Carousel | CTA block, blue background, yellow next/back arrows

Artifact Library App

Resources Download

Vertical list-style layout of artifacts. Images, labels, and artifact titles are displayed, with description content revealed on hover. Can be one or two columns with six artifacts per page, and pagination for overflow items.

Despite their name, these are good for more than just downloads; This component is an ideal choice for multi-video displays, as artifacts support lightboxes and thumbnails, as well as direct linking for page navigation or downloading media.

Resources Download | Two columns, H2 title, paginated
Resources Download | Two columns, H2 title, paginated
Resources Download | single column, hidden title
Resources Download | single column, hidden title
© 2026 Colder Products Company®. All Rights Reserved