# 10 · Motion & Glow — Pet Air Valet Brand Guide

> © 2026 Pet Air Valet. All rights reserved. **Strictly confidential — internal use only.**

Movement is restrained — present where it earns attention, absent everywhere else. One signature animation: the golden glow-pulse, reserved for the single conversion CTA on a screen. A long, slow cadence so it reads as breathing, not blinking.

## The `cta-pulse` animation

| Spec | Value |
| --- | --- |
| Name | `cta-pulse` |
| Duration | 10.8s · infinite |
| Easing | `ease-in-out` |
| Reserved for | One conversion CTA per screen |
| Paused on | Hover · active · `prefers-reduced-motion` |
| Glow colour | Terracotta at 19% · 28px blur |

## Glow principles

- **One at a time.** Only the primary CTA on a view ever pulses. If two buttons pulse, neither does.
- **Slow & ambient.** A full cycle runs ~11s. Fast glows feel anxious; slow glows feel like breathing.
- **Glow, not grow.** Only the shadow breathes. The button never scales, translates, or shifts colour.
- **Never** — on success states, on destructive actions, on form fields, on more than one element per view, or when `prefers-reduced-motion` is set.

## Keyframe

```css
@keyframes cta-pulse {
  0%, 100% { box-shadow: 0 4px 12px hsla(25 51% 40% / 0.20),
                          0 0 0 0   hsla(25 75% 58% / 0); }
  50%      { box-shadow: 0 10px 26px hsla(25 51% 40% / 0.30),
                          0 0 28px 4px hsla(25 75% 58% / 0.19); }
}
```

---
*Pet Air Valet — Brand Guide, v1.0 · April 2026 · Fly Together, In-Cabin.*