Rich Text H3 Wide Heading

Faucibus aliquam dapibus pellentesque lacinia posuere nec. Duis viverra cras at a in mattis dolor eget lacus. Orci interdum phasellus amet ipsum neque. Enim feugiat in egestas neque leo lacus pulvinar. Vitae tortor eleifend aliquam dictum mattis porttitor odio. Pharetra posuere velit neque purus tempus turpis nulla odio. Pharetra turpis adipiscing gravida semper amet. Venenatis vitae eget pellentesque fermentum sit egestas mauris habitant.

Arcu sed sodales nulla sem tristique in lectus lacus ultrices et  ornare.

Faucibus aliquam dapibus pellentesque lacinia posuere nec. Duis viverra cras at a in mattis dolor eget lacus. Orci interdum phasellus amet ipsum neque. Enim feugiat in egestas neque leo lacus pulvinar. Vitae tortor eleifend aliquam dictum mattis porttitor odio. Pharetra posuere velit neque purus tempus turpis nulla odio. Pharetra turpis adipiscing gravida semper amet. Venenatis vitae eget pellentesque fermentum sit egestas mauris habitant. In pulvinar odio sed purus. Ut bibendum risus viverra gravida pellentesque ultrices. Duis cras amet suspendisse libero velit aenean scelerisque lectus. Vel orci mattis quis duis facilisis in mi viverra arcu. Metus sagittis augue pellentesque dictum vitae consectetur.

Facilisis id in maecenas justo rutrum amet. Cursus leo pulvinar pellentesque sed. Auctor mauris sapien lectus purus eget nunc blandit eget. Vulputate eget mattis mi morbi congue viverra. Faucibus faucibus amet eros nunc urna. Id arcu eget venenatis quisque commodo aliquam diam. Turpis tristique est mattis vivamus sagittis lacus donec. Bibendum massa egestas vel cras ac accumsan. Lorem felis pellentesque neque rutrum.

H3 | Arcu sed sodales nulla sem tristique in lectus lacus ultrices et ornare.

Faucibus aliquam dapibus pellentesque lacinia posuere nec. Duis viverra cras at a in mattis dolor eget lacus. Orci interdum phasellus amet ipsum neque. Enim feugiat in egestas neque leo lacus pulvinar. Vitae tortor eleifend aliquam dictum mattis porttitor odio. Pharetra posuere velit neque purus tempus turpis nulla odio. Pharetra turpis adipiscing gravida semper amet. Venenatis vitae eget pellentesque fermentum sit egestas mauris habitant. In pulvinar odio sed purus. Ut bibendum risus viverra gravida pellentesque ultrices. Duis cras amet suspendisse libero velit aenean scelerisque lectus. Vel orci mattis quis duis facilisis in mi viverra arcu. Metus sagittis augue pellentesque dictum vitae consectetur.

Facilisis id in maecenas justo rutrum amet. Cursus leo pulvinar pellentesque sed. Auctor mauris sapien lectus purus eget nunc blandit eget. Vulputate eget mattis mi morbi congue viverra. Faucibus faucibus amet eros nunc urna. Id arcu eget venenatis quisque commodo aliquam diam. Turpis tristique est mattis vivamus sagittis lacus donec. Bibendum massa egestas vel cras ac accumsan. Lorem felis pellentesque neque rutrum.

Arcu sed sodales nulla sem tristique in lectus lacus ultrices et  ornare.

Faucibus aliquam dapibus pellentesque lacinia posuere nec. Duis viverra cras at a in mattis dolor eget lacus. Orci interdum phasellus amet ipsum neque. Enim feugiat in egestas neque leo lacus pulvinar. Vitae tortor eleifend aliquam dictum mattis porttitor odio. Pharetra posuere velit neque purus tempus turpis nulla odio. Pharetra turpis adipiscing gravida semper amet. Venenatis vitae eget pellentesque fermentum sit egestas mauris habitant. In pulvinar odio sed purus. Ut bibendum risus viverra gravida pellentesque ultrices. Duis cras amet suspendisse libero velit aenean scelerisque lectus. Vel orci mattis quis duis facilisis in mi viverra arcu. Metus sagittis augue pellentesque dictum vitae consectetur.

Facilisis id in maecenas justo rutrum amet. Cursus leo pulvinar pellentesque sed. Auctor mauris sapien lectus purus eget nunc blandit eget. Vulputate eget mattis mi morbi congue viverra. Faucibus faucibus amet eros nunc urna. Id arcu eget venenatis quisque commodo aliquam diam. Turpis tristique est mattis vivamus sagittis lacus donec. Bibendum massa egestas vel cras ac accumsan. Lorem felis pellentesque neque rutrum.

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.

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

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 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.

Scrolling Logos Block

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

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.

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.

IDC PSA + ERP Block 

IDC PSA Block 

PSA, PSA + ERP Block 

Accordion Block

A collapsible “Accordion” content block for organizing FAQs and dense information into expandable items. Designed to be minimal, readable, and consistent with existing component spec conventions.

CTA w Media Block

The CTA Text with Media (Left or Right) is a simplified version of the CTA with Text Image/Video/GIF Block without additional tabs.

Customer Stories Block

The Customer Success Stories Block uses properties (Type Label, Search Title, Excerpt, and Image) from the Search tab of the Customer Success Stories Page as the card text. If no customer success stories pages are added, the latest three are pulled in automatically. On click, users are directed to the corresponding Customer Success Stories page. 

Expanding Media Block

Displays either an image or a video that opens in a modal window when clicked, allowing users to view the media in a larger format without leaving the page.

Featured Content Block

The featured content block allows for an image (left or right), display styles, text, and a CTA. 

Floating Content Block

The Floating Content Block allows editors to create a promotional message with a call-to-action (CTA) that can display either as a banner fixed to the top of the page or as a floating element in the lower-left corner of the page. The block can be added sitewide through the Home Page's Floating Content tab or applied to individual pages for targeted messaging.

Form CTA Block

The Form CTA Block allows the content editor to add an iframe form type.

Form Hero Block

The Form Hero Block allows the content editor to add an iframe form to a hero block.

Full Image + Text Card Block

The Full Image + Text Card Block includes a full card image and allows the editor to specify the text placement (overlayed or below the image).

In Content CTA Block

The In Content CTA allows content editors to include a CTA within a Rich Text Block. The In Content CTA allows for an image, background color, and a link. It can be set to Float Left, Right, or None. 

H2 | All float styles in one block to illustrate the differences

H3 | Rich Text Block with: In Content CTA block | Image | None

Eyebrow Text

In Content CTA | Image | Float None

C2 Test Page

Customer Success was supposed to be the growth engine of the subscription economy. Instead, in many organizations, it has become the function most accountable for revenue outcomes — and the least able to control the conditions that determine them.

Executives want predictable growth. Boards want retention. Security teams want reduced risk. Finance wants proof of value. And Customer Success is expected to deliver all of it while often operating across systems it doesn’t own and processes it can’t fully enforce.

The issue isn’t a lack of expertise. Most CS leaders know what healthy customer relationships look like. The challenge is sustaining that health when the customer story is scattered across departments, tools, and reporting structures.

H3 | Rich Text Block with: In Content CTA block | Image | Left

In Content CTA

Image | Float Left

C2 Test Page

When organizations investigate churn, they often search for a specific cause — a sale rushed through at the end of the quarter, a failed implementation, a support breakdown, a pricing dispute. But revenue loss rarely starts with one event. More often, it accumulates gradually as context erodes across internal handoffs.

Sales closes a deal based on assumptions that aren’t well documented and never fully translate into delivery planning. Implementation teams adapt as conditions change, but lack a consistent way to communicate those changes downstream. By the time a Customer Success Manager prepares for renewal, the official account narrative no longer reflects reality. No single team failed. Yet the outcome is in doubt.

This is why many renewals that once looked secure (and enjoyed a “green” health score) suddenly become tense conversations. Warning signs existed, but they were distributed across systems and timelines, never forming a complete picture early enough for proactive action.

Rich Text Block with: In Content CTA block | Image | Right

Over the past decade, companies have invested heavily in technology to manage the customer lifecycle. Each solution improves visibility into a specific domain. Together, they promise comprehensive insight. In practice, they often create fragmentation.

Customer information moves between platforms on different schedules. Metrics are calculated using slightly different definitions. Updates occur in parallel but not in sync. When scope shifts, adoption stalls, or commercial terms change, there is rarely a single system that reflects the full impact in real time.

In Content CTA

Image | Float Right

C2 Test Page

Even advanced analytics struggle here. AI can identify patterns, but it cannot compensate for missing or contradictory inputs. Automation can accelerate workflows, but it cannot determine which version of the truth should guide decisions.

So teams default to what feels reliable: meetings, manual updates, and spreadsheets that attempt to reconcile competing data sources. This puts customer success leaders in a huge bind, and brings the bullseye squarely onto their chest.

Back to Top

In Content CTA Block

The Information block is meant to call out important information in one to three short sentences for clarity and scannability. The content editor can apply a theme and select an icon to help convey importance. 

Inline Resource Block

The Inline Resource Block allows content editors to create a visually distinct callout within page content by combining an image, text, and a link with a customizable background color. Designed to break up text-heavy pages, the block helps draw attention to related resources, key information, or calls to action.

Layout Block

The Layout block allows the content editor to add a Featured Content block and apply a variety of layout options: One-Third and Two-Thirds, Two-Thirds and One-Third, or half-half. This block provides flexibility in presenting featured content while creating visual variety and hierarchy within a page.

Masonry Block

The Masonry Block allows content editors to create a visually engaging collection of masonry-style tiles. Each masonry item can include a title, link, background image, and an optional foreground image with configurable alignment. The block is designed to showcase featured content and resources in a dynamic, visually varied layout that draws attention and encourages engagement.

Metrics Block

The Metrics Block allows content editors to highlight key statistics, achievements, or performance indicators in a visually engaging format. Editors can configure a section heading, customize the appearance of the metric cards, and display up to three individual metrics.

When animation is enabled, metric values count up from zero as they scroll into view, helping draw attention to important statistics. The animation triggers once per browser session to provide an engaging experience without becoming distracting on subsequent visits.

Open Block

The open block is intended to support rapid validation through Optimizely experiments, allowing performance data to determine whether a concept should be promoted into a formal block for global reuse. The block includes HTML, CSS, and JavaScript areas, along with an Experiment Key, and a check-box to Lazy-Load the JS. 

Personalized Video Block

The Personalized Video Block allows the content editor to add links to 5 articles. Each item includes the Link Title, Publication Date, and Company/Source, providing visitors with quick access to the latest media mentions and coverage. The block is completely manual.

Recent News Block

The Recent Coverage Block automatically displays the five most recent items from the Recent Coverage page in descending date order. Each item includes the Link Title, Publication Date, and Company/Source, providing visitors with quick access to the latest media mentions and coverage. The block automatically keeps content current by displaying the latest published coverage items without requiring manual updates.

ROI Calculator Block

The ROI Calculator Block estimates the annual financial impact of improved utilization and project management productivity for professional services organizations. Users can toggle between two perspectives:
Growth Mode: Focuses on revenue gains from improved billable utilization
Margin Mode: Focuses on cost savings and margin improvement

Scroll To Block

The Scroll To Block allows the content editor to include "tabbed" jump links to blocks on the page.

Scrolling Image Block

The Scrolling Image Block allows content editors to create an interactive, scroll-driven experience that combines text, imagery, and animation. The block includes a title, subtitle, and a collection of scrolling image items that are displayed as users navigate through the content.
This block is ideal for storytelling, process explanations, feature highlights, or showcasing content in a visually engaging and sequential format.

Scrolling Quote Block

The Scrolling Quote Block allows content editors to create a rotating collection of testimonials, customer stories, or featured quotes. Editors can add a title, description, and a series of testimonial slides, each containing customizable content and styling options.
This block is ideal for showcasing customer testimonials, partner highlights, success stories, and endorsements in an engaging, visually rich carousel format.

Scrolling Resources Block

The Scrolling Resources Block allows content editors to display a collection of resource cards in either a slider or grid layout, providing flexibility in how content is presented to site visitors.
Editors can choose between a scrollable carousel experience or a static grid display, making the block ideal for showcasing related resources, services, featured content, or calls to action in a visually engaging and organized format.

Speaker Bios Block

The Speaker Bios Block allows content editors to showcase speakers, presenters, authors, or featured individuals in a responsive card-based layout. Editors can add one or more speaker cards, each containing biographical information, company details, and optional links to external profiles.
This block is designed to highlight speakers, authors, presenters, executives, and other featured individuals in a visually engaging and accessible format.

Static Quote Block

The Static Quote Block allows content editors to highlight a testimonial, endorsement, or featured quote in a visually prominent format with full attribution and branding control.

Testimonials Block

The Testimonial Block allows content editors to include up to two testimonials, highlighting endorsements or featured quotes in a visually prominent format with full attribution and branding control.