Cards
Card blocks are modular building units for application interfaces. They help group content, actions, and data in a predictable layout, making them ideal for dashboards, listings, and feature sections where reusability and visual consistency are critical.
Profile Image Card
Displays a featured image with user avatar, name, role, and supporting text. Built for profiles, testimonials, and author highlights where identity, credibility, and context must appear together clearly.
Feature Action Card
Presents a feature highlight with icon, short description, and primary action button. Built for landing pages and application dashboards where a single capability needs clear emphasis and direct user action.
Informational CTA Card
Highlights a short message with supporting text and a secondary action. Built for product announcements, onboarding prompts, and informational callouts where users need context before taking the next step.
Event Schedule Card
Displays event date, title, time, and location within a compact card. Built for event listings, calendars, and announcements where schedule clarity and quick recognition are critical for users.
Split Media Content Card
Combines textual content with a large supporting image in a split layout. Built for featured stories, announcements, and highlights where visual context and narrative need equal emphasis.
User Profile Action Card
Displays a user profile with avatar, role, engagement metrics, and primary actions. Built for social features, creator platforms, and dashboards where identity, reach, and interaction controls must be immediately accessible.
Product Purchase Card
Displays a product image, title, description, price, variant options, and add to cart action. Built for eCommerce listings where quick comparison, selection, and purchase decisions must happen instantly.
Overlay Content Card
Displays text content over a background image with category labeling. Built for featured articles, promotions, and highlights where visual storytelling and headline visibility must drive immediate attention.
Category Media Card
Displays an image-led card with category label, date indicator, and title. Built for blogs and content feeds where visual context, topic grouping, and chronological cues support fast content discovery.
Checklist Information Card
Presents a question or statement with supporting checklist items and a confirmation action. Built for onboarding steps, feature explanations, and guidance prompts where clarity, validation, and user acknowledgment are required.
Job Listing Card
Displays role title, company, employment type, location, compensation, and apply action in a compact layout. Built for hiring pages and dashboards where job details must be scanned and acted on quickly.
Event Registration Card
Displays an event title, date, participant avatars, and a clear join action. Built for webinars, meetups, and live sessions where attendance context and quick registration matter.