Header, split
Headline, text and buttons beside an image.
All components
Copy a section and paste it into your Claude Code chat.
Header
Header left
Headline and text left, buttons right, over a wide image.
Header center
Centered headline, text and buttons over a wide image.
Header changing image
Headline left, buttons right, over fading city photos.
Header background
Headline, text and buttons over a full-screen photo.
Header blog
Blog header with one lead post and three more beside it.
Portfolio header
Headline, text and buttons over a portfolio slider.
Header video
Headline, text and buttons over a full-screen video.
Content
Features
Features, image and stats
A full-height photo beside a heading and ruled figures.
Features, sticky stack
A heading that holds while features scroll past it.
Pillars row
Four columns, each with a title, image and text.
Pillars row with heading
A heading over four columns, each an image, title and text.
Principles grid
A heading over six principles, each a title and a line.
Tabs, static
Three tabs, each with text, a button and an image.
Portfolio
Portfolio card slider
White company tiles with logo, sector and one-liner.
Portfolio carousel
Company cards with logo, one-liner and tags, in a slider.
Portfolio grid
Company cards in a grid, nine at a time with load more.
Portfolio grid with filters
Company cards with search and filters, nine at a time.
Portfolio grid with overlay cards
Company pictures with the name and line on them.
Portfolio grid with pictures
Company cards led by a picture, with a logo on each.
Testimonials
FAQ
Call to action
Articles & podcast
Header blog
Blog header with one lead post and three more beside it.
Article carousel
Article cards with a picture, tag and date, in a slider.
Article grid
Article cards in a grid, nine at a time with load more.
Article grid with filters
Article cards with search and filters, nine at a time.
Featured articles
One large article beside three smaller ones.
Featured podcasts
One large podcast episode beside three smaller ones.
Podcast grid
Podcast episodes in a grid, nine at a time with load more.
Podcast carousel
Podcast episodes with a picture and date, in a slider.
Team
Stats
Stats, bar
Three figures in a ruled panel, each explained.
Stats, display cards
Headline figures as large, bold-coloured tiles.
Stats, image cards
Headline figures on tall photo cards.
Stats, nested
Two figures as blocks, one inside the other.
Stats split
Numbers in a grid beside a heading and a paragraph.
Stats, strip
Four big figures across the page, each over a short label.
Charts
Chart, bar
A bar chart with its heading, subtitle and reading.
Chart, bar, horizontal
Bars on their side, a name to the left of each.
Chart, stacked bars
Bars split into parts, one row per year or group.
Donut chart
A donut with a figure in its middle.
Chart, funnel
A funnel of narrowing stages, with the rate between each.
Chart, line
A line chart of a trend over time.
Pie chart
A pie chart and its key.
Chart, waffle
Shares shown as squares out of a hundred.
