DESIGN 01 / 27Gradient

Gradient Cards Grid

Info cards with gradient backgrounds.

Best forShowing features, services or offers as a group of cards.
Where to place itAfter the hero section.

How to use: add the Cards Grid block and choose gradient in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 02 / 27Gradient

Gradient Cards Grid (Alt 2)

Info cards with gradient backgrounds.

Best forShowing features, services or offers as a group of cards.
Where to place itMid-page benefits area.

How to use: add the Cards Grid block and choose gradient in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 03 / 27Gradient

Gradient Cards Grid (Alt 3)

Info cards with gradient backgrounds.

Best forShowing features, services or offers as a group of cards.
Where to place itHome page services section.

How to use: add the Cards Grid block and choose gradient in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 04 / 27Glass

Glass Cards Grid

Frosted-glass info cards.

Best forShowing features, services or offers as a group of cards.
Where to place itBefore the footer.

How to use: add the Cards Grid block and choose glass in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 05 / 27Glass

Glass Cards Grid (Alt 2)

Frosted-glass info cards.

Best forShowing features, services or offers as a group of cards.
Where to place itAfter the hero section.

How to use: add the Cards Grid block and choose glass in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 06 / 27Glass

Glass Cards Grid (Alt 3)

Frosted-glass info cards.

Best forShowing features, services or offers as a group of cards.
Where to place itMid-page benefits area.

How to use: add the Cards Grid block and choose glass in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 07 / 27Overlay

Overlay Cards Grid

Cards with text over an image.

Best forShowing features, services or offers as a group of cards.
Where to place itHome page services section.

How to use: add the Cards Grid block and choose overlay in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 08 / 27Overlay

Overlay Cards Grid (Alt 2)

Cards with text over an image.

Best forShowing features, services or offers as a group of cards.
Where to place itBefore the footer.

How to use: add the Cards Grid block and choose overlay in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 09 / 27Overlay

Overlay Cards Grid (Alt 3)

Cards with text over an image.

Best forShowing features, services or offers as a group of cards.
Where to place itAfter the hero section.

How to use: add the Cards Grid block and choose overlay in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 10 / 27Frame

Frame Cards Grid

Cards with a framed image and text below.

Best forShowing features, services or offers as a group of cards.
Where to place itMid-page benefits area.

How to use: add the Cards Grid block and choose frame in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 11 / 27Frame

Frame Cards Grid (Alt 2)

Cards with a framed image and text below.

Best forShowing features, services or offers as a group of cards.
Where to place itHome page services section.

How to use: add the Cards Grid block and choose frame in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 12 / 27Frame

Frame Cards Grid (Alt 3)

Cards with a framed image and text below.

Best forShowing features, services or offers as a group of cards.
Where to place itBefore the footer.

How to use: add the Cards Grid block and choose frame in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
আজকের সেরা বাছাই

কাস্টমারদের প্রিয় পণ্যগুলো

সবচেয়ে বেশি অর্ডার হওয়া পণ্য এক নজরে।

DESIGN 13 / 27Stack

Stack Cards Grid

Layered stack-style cards.

Best forShowing features, services or offers as a group of cards.
Where to place itAfter the hero section.

How to use: add the Cards Grid block and choose stack in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 14 / 27Stack

Stack Cards Grid (Alt 2)

Layered stack-style cards.

Best forShowing features, services or offers as a group of cards.
Where to place itMid-page benefits area.

How to use: add the Cards Grid block and choose stack in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 15 / 27Stack

Stack Cards Grid (Alt 3)

Layered stack-style cards.

Best forShowing features, services or offers as a group of cards.
Where to place itHome page services section.

How to use: add the Cards Grid block and choose stack in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
রঙ ও ঝাঁঝ

হলুদ-মরিচ-জিরা একসাথে

রোদে শুকানো, নিজস্ব মিলে পেষা তাজা মশলা।

DESIGN 16 / 27Split

Split Cards Grid

Cards split into image and text halves.

Best forShowing features, services or offers as a group of cards.
Where to place itBefore the footer.

How to use: add the Cards Grid block and choose split in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 17 / 27Split

Split Cards Grid (Alt 2)

Cards split into image and text halves.

Best forShowing features, services or offers as a group of cards.
Where to place itAfter the hero section.

How to use: add the Cards Grid block and choose split in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
হৃদয়ের যত্ন

অলিভ অয়েলে স্বাস্থ্যকর রান্না

এক্সট্রা ভার্জিন থেকে পোমেস — সব ধরনের চাহিদার জন্য।

DESIGN 18 / 27Split

Split Cards Grid (Alt 3)

Cards split into image and text halves.

Best forShowing features, services or offers as a group of cards.
Where to place itMid-page benefits area.

How to use: add the Cards Grid block and choose split in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 19 / 27Soft

Soft Cards Grid

Soft pastel cards.

Best forShowing features, services or offers as a group of cards.
Where to place itHome page services section.

How to use: add the Cards Grid block and choose soft in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 20 / 27Soft

Soft Cards Grid (Alt 2)

Soft pastel cards.

Best forShowing features, services or offers as a group of cards.
Where to place itBefore the footer.

How to use: add the Cards Grid block and choose soft in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 21 / 27Soft

Soft Cards Grid (Alt 3)

Soft pastel cards.

Best forShowing features, services or offers as a group of cards.
Where to place itAfter the hero section.

How to use: add the Cards Grid block and choose soft in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 22 / 27Outline

Outline Cards Grid

Outline cards — light and clean.

Best forShowing features, services or offers as a group of cards.
Where to place itMid-page benefits area.

How to use: add the Cards Grid block and choose outline in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 23 / 27Outline

Outline Cards Grid (Alt 2)

Outline cards — light and clean.

Best forShowing features, services or offers as a group of cards.
Where to place itHome page services section.

How to use: add the Cards Grid block and choose outline in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 24 / 27Outline

Outline Cards Grid (Alt 3)

Outline cards — light and clean.

Best forShowing features, services or offers as a group of cards.
Where to place itBefore the footer.

How to use: add the Cards Grid block and choose outline in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 25 / 27Minimal

Minimal Cards Grid

Minimal cards with icon and text only.

Best forShowing features, services or offers as a group of cards.
Where to place itAfter the hero section.

How to use: add the Cards Grid block and choose minimal in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 26 / 27Minimal

Minimal Cards Grid (Alt 2)

Minimal cards with icon and text only.

Best forShowing features, services or offers as a group of cards.
Where to place itMid-page benefits area.

How to use: add the Cards Grid block and choose minimal in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 27 / 27Minimal

Minimal Cards Grid (Alt 3)

Minimal cards with icon and text only.

Best forShowing features, services or offers as a group of cards.
Where to place itHome page services section.

How to use: add the Cards Grid block and choose minimal in its style settings

What you can customize in this widget
ColorsAccent style, Badge background, Badge color, Text color, Accent color, Divider color, Corner background, Corner color, Eyebrow color, Head color, Subtitle color, Accent, Background, Box background, Box border color
Font & text sizeBadge size, Title size, Description size, Flabel size, Fvalue size, Corner size, Head size
Size & spacingHead gap, Columns, Gap, Min height, Radius, Box margin, Box background size, Box radius
Layout & styleTitle layout, Head align, Design, Text align, Corner position, Corner shape, Badge shape
Animation & effectsHover, Item animation, Animation, Shadow
Show / hide optionsDivider, Show heading, On, Orig
Text, images & linksCards, Link new price tab, Eyebrow, Head title, Head subtitle, Padding, Image zoom, Stagger, Primary, Ink, Border, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0