Ana García
Art director
Identity, editorial, and motion design for expressive brands.
Copy-ready code
Cards
Cards organize people, pricing, testimonials, and downloads. These examples provide reusable layouts and typographic hierarchy. All names, prices, and testimonials shown here are sample content.
People and testimonials
We delivered the redesign two weeks early thanks to these components.
Testimonial with quotation mark
Product and action
Pro
$9/month
- Unlimited projects
- 4K export
- Priority support
Pricing card
Image with text overlay
Download row
Pro plan
$12/month
- Unlimited projects
- SVG and PNG export
- Email support
Pro plan
$120/year
Save $24
- Everything in the monthly plan
- Two months free
- Priority support
Two-sided pricing card with depth
Use the example in your project
Copy the HTML and CSS for the same piece. If a JavaScript button is shown, include that script too. Keep IDs unique, update links, and test keyboard focus and small screens. These examples demonstrate front-end behavior; forms do not create accounts or submit real orders. Names, testimonials, prices, and metrics are illustrative sample content.
All component categories · CSS generators · Downloadable templates