Pages
Eight jobs, composed from Pieces. A hero is Copy, Cluster, and Split, not a new component. Do not invent a ninth. Next is the page.
Hero
Pill, display title, lede, one primary, a small proof cluster, media on the right. Paper. Copy column is .cds-copy (proximity, not an even stack). A column without media is still legal. Not a page.
A system you can hand to an agent
Colors, type, and a few sections. Authors compose. They do not design.
Proof
Five stats, centered in even tracks, or three. Paper-deep wash. No leftover tile. No CTA. A logo row is the same job.
100k
4.9
14
40
8
Three-up uses .cds-grid--center with three children. Never auto-fit four or five into a leftover tile. Logo row is a .cds-cluster of marks.
Card grid
Three paired fills: surface, primary-soft tint, and dark. Title, one line, optional link. Not a dashboard. A path chooser is three of these.
Split
Copy plus media. .cds-split wraps when a track cannot hold the min. WordPress maps this to core/columns.
What the kit gives you
A locked palette, a type scale, and starts for the jobs on this page.
Quote
One attribution. Surface or a row. Not a reviews carousel.
The setup was straightforward. When we needed a related fix, the team answered immediately.
Dark band
Callout strip. On-dark title. One accent button max. Not a second theme.
One callout is enough
Use this strip once per view. Do not turn accent into a page wash.
CTA
Short display title plus one button. Primary or accent, not both.
Ready when you are
Alert
One status note on a landing. Tones and look live on Pieces. Never a hero.
A landing is a stack
Hero, optional proof, one card grid or split, then one CTA. That is the page recipe. Article is measured prose. It is not this catalog.
| Page | Jobs |
|---|---|
landing | Hero, proof, card grid or split. Hero holds the primary |
article | Measured prose on paper. Not these jobs |