> ## Documentation Index
> Fetch the complete documentation index at: https://docs.equa.cc/llms.txt
> Use this file to discover all available pages before exploring further.

# Payments Design Screens

> Screenshot and design-reference gallery for Payments

# Payments Design Screens

> **Last Verified:** 2026-05-20 | **Guide:** [Payments](/guides/payments-and-billing)

## Gallery

| Capture                   | Status                  | Asset                                                 |
| ------------------------- | ----------------------- | ----------------------------------------------------- |
| Overview                  | Scaffolded capture slot | `/images/design-system/screens/payments/overview.png` |
| Empty or first-run state  | Scaffolded capture slot | `/images/design-system/screens/payments/empty.png`    |
| Error or validation state | Scaffolded capture slot | `/images/design-system/screens/payments/error.png`    |

## Primary Components

[EquaCard](/architecture/design-system/components/equa-card), [EquaButton](/architecture/design-system/components/equa-button), [EquaBadge](/architecture/design-system/components/equa-badge), [EquaModal](/architecture/design-system/components/equa-modal)

## Capture Requirements

* Capture from the current local or deployed product route with test-safe data only.
* Add corresponding Figma frame links when the design source is known.
* Keep the user-facing guide focused on workflow and link here for design evidence.