---
title: Merit HubSpot Theme | Cards Module
description: Explore our versatile card grid layout featuring icon and numbered cards, showcasing key services and benefits with clear next steps for users.
---

[Skip to content](https://ohoii.dk/en/hubspot/merit-theme/modules/cards#main)

[![merit-wordmark-light@4x](https://ohoii.dk/hs-fs/hubfs/merit-demo/Merit%20Logo/merit-wordmark-light@4x.png?width=460&height=140&name=merit-wordmark-light@4x.png)](https://ohoii.dk/?hsLang=en)

- [Modules](https://ohoii.dk/en/hubspot/merit-theme/modules?hsLang=en)

    - [Image Gallery Module](https://ohoii.dk/en/hubspot/merit-theme/modules/image-gallery?hsLang=en)
    - [Testimonial Module](https://ohoii.dk/en/hubspot/merit-theme/modules/testimonial?hsLang=en)
    - [Hero Module](https://ohoii.dk/en/hubspot/merit-theme/modules/hero?hsLang=en)
    - [Cards Module](https://ohoii.dk/en/hubspot/merit-theme/modules/cards)
- Support

[Book demo](https://ohoii.dk/meetings/ninna/merit-theme-demo?hsLang=en)

Showcase

## Card grid with icons and Content Width set to Wide

This Card Grid is styled with the Accent Preset.

- - tag

  ### Icon cards
  
  Describe what this service or feature does, the specific problem it addresses, and what people can expect when they use it. Keep the benefit concrete, explain any important requirements or limitations, and make the next step clear.
- ### Icon cards
  
  Describe what this service or feature does, the specific problem it addresses, and what people can expect when they use it. Keep the benefit concrete, explain any important requirements or limitations, and make the next step clear.
- - tag

  ### Icon cards
  
  Describe what this service or feature does, the specific problem it addresses, and what people can expect when they use it. Keep the benefit concrete, explain any important requirements or limitations, and make the next step clear.

Showcase of cards module

## Use the cards grid in multiple ways

1. - tag

   ### Numbered card layout
   
   This card has more text than the other card. With "equal height on cards" turned off, this card will be higher than other cards in the grid. 
   
   Style preset is Dark and two columns.
2. - tag

   ### Numbered card layout
   
   A short description of this service, benefit or feature.

Showcase

## Use the narrow heading width to break the headline

Featured Card Plus Grid Layout with a featured card plus images in a three column layout on Light Color Preset.

- ![hero-services](https://ohoii.dk/hs-fs/hubfs/merit-demo/hero-services.jpg?width=1600&height=893&name=hero-services.jpg)
  
    - B2B SaaS
    - HubSpot CRM

  ### Card heading
  
  40%

  pipeline
  
  increase
- ![hero-resources](https://ohoii.dk/hs-fs/hubfs/merit-demo/hero-resources.jpg?width=1600&height=893&name=hero-resources.jpg)
  
    - tag

  ### [Card heading](https://ohoii.dk?hsLang=en)
  
  A short description of this service, benefit or feature.
- ![hero-about](https://ohoii.dk/hs-fs/hubfs/merit-demo/hero-about.jpg?width=1600&height=893&name=hero-about.jpg)
  
    - linkedin

  ### Card heading
  
  A short description of this service, benefit or feature.
- ![hero-contact](https://ohoii.dk/hs-fs/hubfs/merit-demo/hero-contact.jpg?width=1600&height=893&name=hero-contact.jpg)
  
    - automation

  ### Card heading
  
  A short description of this service, benefit or feature.

[![merit-wordmark-light@4x](https://ohoii.dk/hs-fs/hubfs/merit-demo/Merit%20Logo/merit-wordmark-light@4x.png?width=460&height=140&name=merit-wordmark-light@4x.png)](https://ohoii.dk/?hsLang=en)

Create engaging websites with the Merit Theme. Built for marketeers that want to move fast.

- [https://www.linkedin.com/company/111882928](https://www.linkedin.com/company/111882928)

Merit Theme

- Request Live Demo

© Ohoii.ai Aps 2026. All rights reserved.