Palette: Components

Section — the design wrapper described above (margins, paddings, backgrounds, borders).
Columns — a responsive multi-column layout.
Text — a title and a rich-text body.

Basic button — a call-to-action button with link, colours, hover colours, shape, size and alignment.
CTA — a call-to-action block with an image and up to two fully styled buttons.
Hero — a hero banner with title prefix, image, overlay and up to two buttons.
Modal Dialog — a button that opens an accessible modal dialog (custom, no-library behaviour). The trigger button reuses all Basic button styling options.
Webform Popup — a button that opens an existing webform in a popup dialog, with the full Basic button styling.

Image — a single image with caption, link and optional lightbox.
Images — a simple grid of images (each an Images item).
Image Gallery — a grid of images that open in a GLightbox popup (each an Image Gallery item).
Video — a single video with an uploadable poster image.
Video Gallery — a grid of videos and images with a play-button overlay, opening in GLightbox. Supports remote (YouTube/Vimeo/MP4) and local media videos (each a Video Gallery item).

Accordion — collapsible sections (each an Accordion section).
Tabs — tabbed content with several styles and custom, no-jQuery switching (each a Tabs item).
Carousel — a slider built on tiny-slider (each a Carousel item).
Slider — a slider built on Splide, no jQuery required (each a Slider item).
Sticky menu — an on-page sticky navigation with links and sublinks.

Quote — a pull quote with author and optional image, in several styles.
Stats — a row of statistics (each a Stats item).
Counter — numbers that count up when scrolled into view, powered by countUp.js (each a Counter item).
Countdown — an animated countdown to a date.
Tiles — a grid of linked tiles (each a Tiles item).
Timeline — a vertical timeline of milestones (each a Timeline item).

Palette - Make it Colorful🎨