Marketing blocks
primitives · compose in orderTestimonials, pricing and feature cards compose the same primitives as the rest of the system — a landing page is these pieces in the right order.
Primitives
“We replaced three hand-maintained style guides with one generated system.”
For growing teams.
$29/ mo
- Unlimited brands
- Dark & compact themes
- Priority support
Rules
One accent per block. The pricing card carries the blue border and badge because it is the single recommended action on the row. Sibling cards stay neutral.
Ticks are success, not decoration. Feature ticks use the success tone and arrive beside their label — never colour alone.
Cards are surfaces, not elevations. 1px hairline and --control-radius. No drop shadows; the system does not use them on flat surfaces.
Quotes are display type. Testimonial copy is set in Rockwell because it is a statement, not interface text.
Composition
A hero, a value row and a closing call to action are the same primitives stacked. Keep the order and the accent budget; do not introduce a second accent hue to differentiate sections.