Skip Nav

Hero Block

A customizable hero layout featuring either an image-aligned side design with two call-to-action buttons or a centered text variant with up to two buttons.

Certinia dashboards give real-time visibility into project actuals, expenses, and resource requests
Tabbed Hero Block

Flexible hero layout with a tab-driven image carousel on the right

This block supports multiple configuration options, including background color themes, font color settings, and custom images for each tab in the carousel. Each tab can have its own image and label. You can also set a background image for the entire block and provide a dedicated static mobile image that replaces the carousel on smaller screens.
Background image showing a decorative gradient of blue shades for design purposes
Certinia dashboards give real-time visibility into project actuals, expenses, and resource requests
Standard Hero Block

Flexible hero layout with a single static image on the right

This block supports customizable background and font colors, along with a single image for the hero layout. You can also assign an optional background image behind the layout and provide a dedicated static mobile image that replaces the desktop image on smaller screens.
Certinia dashboards give real-time visibility into project actuals, expenses, and resource requests
Background Image Hero Block

Hero layout with a full-width background image

This block uses a background image that stretches to fill the hero area. You can set background and font colors, upload a main background image, and provide a separate static mobile image for small screens.
Centered Text Hero Block

Simple hero layout with centered title and subtitle

This block contains no images. You can set the background color, font color, and adjust the text content. The title and subtitle are centered on the page for a clean, minimal layout.

Card Blocks

Modular text-based units that function as standalone content blocks or interactive links to other pages. Each card can contain headings and paragraphs with the ability to toggle on and off icons

Card block variation with icons and optional list items

This block supports three or more cards. Each card can include an icon, a title, a short description, and optional list items with checkmarks or links. Background colors can be set for the block and for each individual card.

Flexible card with icon and text

This card supports an optional icon, a title, a short description, and list items. Each list item can show a checkmark or be linked.

Configurable text and optional list items

You can add an icon, update the title and description, and include list items with checkmarks or links. Background color can be set per card.

Supports icons, descriptions, and linked items

This card can display an icon, a title, and a short description. List items can be added and styled as checkmarked or linked entries.

Eight-card layout with icons, titles, and descriptions

This block displays eight cards, each acting as a full clickable link. Cards can include an icon, a title, and a short description.

Cards with optional images and full-card link support

This block displays cards that can include images, titles, and descriptions. Each card can be turned into a full clickable link.

CTA with Text + Image/Video/GIF Block

This block displays text on the left and media on the right, with tabs that let users switch between different content variations. Each tab can load a unique image, video, or GIF, along with its own supporting text and call-to-action buttons.

CTA layout with tabbed text and media

CTA with Text + Text with Icons

This block displays a title and paragraph on the left, with multiple text groups on the right. Each group includes an optional icon, a short heading, and supporting text. Layout and structure are fixed for clear, consistent presentation.

CTA with Icon Block

Two-column layout with text and icon-supported bullet groups

Clear and simple headline

A short paragraph describing the main message or action for this section.

Key benefit or feature

A short line explaining this point in more detail.

Secondary highlight

Additional context to support this feature.

Additional point

Brief supporting text describing this item.

Scrolling Logos Block

This block displays a horizontal scrolling row of logos with optional text on the left. The carousel pauses on hover and includes a manual pause button. Ideal for showcasing partners, customers, or integrations.

Scrolling logos block

Testimonial Carousel Block

This block displays customer testimonials in a horizontal carousel. Each slide includes a logo, quote, name, and role. Users can navigate between slides using arrow controls. An alternate variation includes a logo-based progress bar below the carousel, allowing users to jump directly to a specific testimonial.

Rotating testimonials with logos and navigation controls

Rotating testimonials with logos and navigation controls and progress bar

Scrolling Card Block

A horizontal carousel that displays a set of cards. Each card includes an image, a title, and a link to the asset. Users scroll through cards using the left and right arrows.

Footer CTA with Image(s)

A call-to-action block typically placed near the bottom of a page. It displays a background image, a headline, supporting text, and a CTA button. This block can display either one static image or multiple static images with tabbed buttons above.

Footer CTA with Static Image

call-to-action block typically placed near the bottom of a page. It displays a full-width or split-layout background image, a main headline, supporting text, and a single CTA button.

Main call-to-action headline that captures attention

Short paragraph that explains or reinforces the CTA message; provides key value prop or reason to engage.
Certinia dashboards give real-time visibility into project actuals, expenses, and resource requests

Footer CTA with Multiple Static Images

A call-to-action block typically placed near the bottom of a page. This block features a two-column layout where both the image and the corresponding content update when users click tabbed buttons. Each tab includes a static image and matching CTA content (headline, body, and button). Ideal for showcasing multiple offers, personas, or product areas in a compact space.