Components page

Design System

Component Reference Catalog

A categorized showcase of all available components. Browse each section below to see live examples of typography, buttons, media, cards, layout sections, forms, and more.

1. Typography & text Elements

Headings, rich text, blockquotes, badges, and inline labels for structuring written content.

This is a Heading component (H3)

This is the Text component rendering rich HTML content. It supports bold, italic, and other inline formatting.

This is the Rich Text component, ideal for longer body copy with paragraphs and lists.

Great design is not just what it looks like and feels like. Design is how it works.

Steve Jobs Co-founder, Apple

Eyebrow Label

Reusable, composable components
Responsive by default
Accessible and standards-compliant
Fully editable in Canvas

Key Takeaways

Faster page assembly for editors
Consistent design across the site
Easier long-term maintenance

Great design is not just what it looks like and feels like. Design is how it works.

Jonathan Reed Chief Product Officer

2. Buttons

Interactive buttons and hero call-to-action blocks to drive user engagement.

Primary Button Secondary Button This is a Link Text component

3. Media & Images

Image, video, and media banner components for displaying visual content.

Media banner

Standard Card

A flexible card with an image, heading, description, and optional button.

Learn more

Acquia (DXB)

Premium Partner

Brief description of the partnership and its value.

Pro Plan

Everything you need to scale your business.

$ 49

/month

Billed annually

Unlimited projects
Priority support
Advanced analytics

Choose plan

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

“This platform transformed how our team collaborates. The results speak for themselves.”

Cards Continued

Icon Card Examples

Fast Performance

Optimized for speed and reliability at any scale.

Learn More

Secure by Design

Enterprise-grade security built into every layer.

Learn More

Dedicated Support

Our team is here to help you every step of the way.

Learn More

6. Statistics & Numbers

Highlight key metrics and achievements with number cards and stat blocks.

500+

Projects Delivered

98%

Client Satisfaction

15+

Years of Experience

7. Forms

Form blocks and embed panels for collecting user input and lead generation.

8. Interactive Components

Accordions and expandable content for organizing information into collapsible panels.

This catalog showcases typography, buttons, media, cards, layout sections, statistics, forms, and interactive components.

Accordion body content…

Heading

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.