Cards
The Cards module helps organize Confluence content into clear, visually structured sections. It improves readability, highlights important information, and makes pages more engaging and easier to navigate.
Templates
Creating Cards starts by selecting a template.
Cards are available in multiple template types, including Image, Emoji, Illustration, Steps, Numbers, and Text, each designed for different content scenarios.
Templates are designed by Caelor’s design team to ensure a modern and consistent look across pages.
Admins and users with the special permissions can customize templates with their own colors and styles, then save them to the Module Library for others to reuse.
Configuration
All templates include two types of settings: shared settings that apply to all cards, and individual settings shown for the selected item.
Shared settings
Shared settings are available when no Card is selected. These settings apply to all Cards and provide a consistent layout and appearance across the set.
Display elements
Available display elements vary by template and may include subtext, label, arrow, and link text. These elements can be enabled or disabled for all Cards.
Styling options
Shared styling options include corners rounding and colors.
Colors follow a two-color system using background and text colors to ensure consistency across light and dark modes and alignment with the overall design system.
Available colors are managed through the Caelor Style guide to maintain consistency across all formatting modules.
Individual settings
Individual settings appear when a Card is selected and available options depend on the selected template.
These settings apply only to the selected Card without affecting other Cards.
Content: can be edited directly in preview mode using inline editing.
Images: supported templates allow background images to be added to Cards.
Links: Cards can be linked to Confluence pages, external URLs, or email addresses.
Colors: colors can be customized for the selected Card, overriding the shared styling options.
Visuals: supported templates allow adding icons, emojis, and logos.
Detailed information about available pickers and their configuration options is provided in the dedicated picker documentation.
A quick-access toolbar appears when hovering over a Card, providing shortcuts for commonly used actions such as image selection, link selection, emoji selection, reordering, and deletion.
Group Cards in tabs
Tabs in Cards help organize related content in a clean, structured way, all within a single module. Instead of creating multiple separate Cards modules for different topics, tabs allow grouping them together, making content easier to manage and navigate.
Need help or want to connect?