---
name: CTA Gallery
slug: cta-gallery
url: "https://dontmakeitugly.com/resources/cta-gallery"
website: "https://www.cta.gallery"
type: gallery
categories:
  - inspiration
tags:
  - cta
  - pricing
  - buttons
  - forms
  - modals
  - newsletter
  - conversion
  - gallery
pricing: free
agentFriendly: limited
agentAccessMethods:
  - public_web
difficulty: any
dateAdded: "2026-09-03"
lastVerified: "2026-09-03"
---

# CTA Gallery

Real calls to action, sorted into buttons, forms, modals, pricing and newsletters.

- Type: Gallery
- Categories: Inspiration
- Pricing: Free

## What it is

CTA Gallery is a curated collection of calls to action from live sites, filed under eight types: button, call-to-buy, download, form, modal and pop-up, navigation, newsletter, and pricing or subscription. You can filter by industry and light or dark mode, and there are short notes on writing CTA copy. Free to browse, supported by sponsors.

## Why it's here

The pricing section is the reason it's here. Pricing tables are the block agents get wrong most consistently, and a wall of real ones makes the good decisions obvious: fewer tiers, one highlighted, plain feature names. The rest of the gallery is a decent second opinion on any conversion-shaped component.

## Best for

- pricing tables
- call-to-action patterns
- signup and newsletter forms

## Links

- Website: https://www.cta.gallery

## Can my agent use this?

As a reference only. For a pricing page, pick three examples from the pricing category, paste the screenshots and tell your agent what to copy: the number of tiers, how the recommended plan is marked, how features are grouped. Not the colours.

Agent friendliness: Limited. Mainly a visual reference. Great for humans and for describing a direction, but there's little an agent can read or install.
Access methods: Public website.

## Prompt to hand your agent

```text
Use CTA Gallery as a visual and design reference for this project.

What it is: Real calls to action, sorted into buttons, forms, modals, pricing and newsletters.

Website: https://www.cta.gallery

Use it specifically for:
- pricing tables
- call-to-action patterns
- signup and newsletter forms

How you can access it: Public website.

Study the visual direction: typography, spacing, colour, hierarchy and motion. Describe what makes the references work, then apply those principles to this project's existing visual language. Do not copy layouts or assets directly; build something consistent with our own brand and accessibility requirements.
```

## Related

- [Navbar Gallery](https://dontmakeitugly.com/resources/navbar-gallery.md): 550+ real website navbars, sorted by type: mega menus, sidebars, tabs and the rest.
- [SaaS Landing Page](https://dontmakeitugly.com/resources/saas-landing-page.md): Landing page examples organised by the exact section you're stuck on.
- [Collect UI](https://dontmakeitugly.com/resources/collect-ui.md): Daily UI inspiration sorted by the exact screen you're designing.
- [Checklist Design](https://dontmakeitugly.com/resources/checklist-design.md): Checklists of what every common screen and component should include.

## In collections

- [Make your landing page better](https://dontmakeitugly.com/collections/better-landing-pages.md)

CTA Gallery is an independent resource listed by Don't Make It Ugly. We link to it; we aren't affiliated with it. Pricing and licence details are as understood at the time of listing; check the official site.