Showcase Grid
A grouped grid of image cards with section-level colour customisation.
What It Does
Displays a grid of image cards organised into labelled groups. Each group has a heading and a set of cards with image, title, and subtitle. Section-level colour fields let editors customise the palette without CSS.
Best Used For
- Award or certification showcases grouped by year
- Partner or client logo grids with category labels
- Product feature highlights in a visual grid layout
Variants
Default
Standard grid with default system colours. Groups display a label above their card rows.
Best for: Quick drag-and-drop usage with no colour configuration
ColorCustomized
All four colour fields populated with non-default values: dark navy background, golden group labels, white item titles, and slate-grey subtitles.
Best for: Branded sections where the default palette does not match the page design
Fields Reference
| Field | Type | Required | Description |
|---|---|---|---|
| sectionTitle | component | No | Optional heading displayed above the grid |
| groupLabelColor | component | No | Colour applied to group label text |
| itemTitleColor | component | No | Colour applied to item title text within each card |
| itemSubtitleColor | component | No | Colour applied to item subtitle text within each card |
| backgroundColor | component | No | Background colour for the entire section |
| groups | component | No | Labelled groups of grid items; each group has a label and a list of cards |
Tips for Great Results
- Use a dark
backgroundColorwith lightitemTitleColorfor high-contrast showcase sections. - Keep group labels short (one word or a year) so they read as category headers, not sentences.
- Each group item supports an image, title, and subtitle -- fill all three for the richest card appearance.
Supported Languages
Fully bilingual -- all text fields (section title, group labels, item titles, item subtitles) support English and Thai content.
Feature Grid
A split-panel section with a headline and feature list on one side, and a media panel on the other, with horizontal and vertical layout options.
Feature Showcase
A visually prominent section with a section title, description, up to three key bullet points, an optional media overlay, and a call-to-action button.