Compact

Usage

Purpose Supporting call-to-action module designed to complement surrounding editorial, blog, or case study content. Used to promote related actions, resources, services, or next steps that are contextually relevant to the page content. Layout Structure Compact vertical content layout Includes: Short heading Single button component Designed to sit inline within page content or between content sections Smaller visual footprint than primary promotional CTA modules Maintains clear separation from editorial content while remaining visually connected to the surrounding section Content Requirements heading: string (required) buttonLabel: string (required) buttonLink: URL or route (required) Usage Rules Must relate directly to the surrounding page or article content Primarily used within blogs, insights, articles, or case studies Intended as a secondary or supporting conversion opportunity Should contain a single focused action Avoid overly promotional or unrelated messaging Interactions Button uses the standard button component from the design system Module remains static aside from button hover and focus states CTA action opens related content, contact flow, download, or service page Responsive Behavior Content remains vertically stacked across breakpoints Supports inline placement within narrow content containers Maintains readable spacing and alignment within article layouts Button may expand full width on smaller mobile layouts if required Accessibility Requirements Heading uses semantic heading hierarchy appropriate to page structure Button includes accessible label text Keyboard accessible with visible focus states Body copy and button meet contrast requirements Design System References Uses standard heading and body typography tokens Uses secondary or primary button component depending on page hierarchy Uses spacing tokens aligned with editorial content modules