Amy · Patterns & Motion · Coral · Lime · Lavender

Patterns & motion.

For video, motion graphics, and social only. Web pages stay clean — no background patterns. Patterns compete with copy at web scale.

Tier 1 · Background textures · monochrome · use everywhere
Background textures
Grey lines only · 4–7% opacity · text always readable
Platform · Integrations
800+ connectors,
live.
Every tool your team uses, connected.
T1-A · Scatter
Platform · Security
Enterprise-grade,
built in.
SOC 2, GDPR, SSO, audit logs.
T1-B · Grid
Platform · Knowledge
Every source,
structured.
Grounded intel your agents can use.
T1-C · Concentric
Rule: Tier 1 patterns use rgba(245,245,247, 1) stroke at 4–7% opacity. Never add color. Slow drift animation (14–20s) optional — stays invisible to the eye, feels subtly alive.
Tier 2 · Color moments · hero only · max 1 per page
Color moments
Coral · Lime · Lavender · used at full impact · never as background texture
The GTM team that
never stops working.
T2-A · Hero burst · CTA sections
Platform · Embeddable
Voice that converts.
Deploy Amy as a voice agent — she navigates, demos, and closes.
T2-B · Corner · hero sections
Rule: Tier 2 uses the tri-color palette at 6–15% fill opacity with animated comets at 40–50% opacity. One Tier 2 pattern per page maximum — always in the hero or CTA block, never in body sections.
Tier 3 · Motion · video transitions · loading states · never static
Motion & transitions
Full color · for video · scene changes · AI processing states
M1 · Trace reveal · section intro
M2 · Ripple · CTA pulse
$ amy research stripe.com
// cross-referencing 847 signals
→ Series B · $95B · 8,000+
✓ Brief ready▍
M3 · Scan line · AI thinking
M4 · Particle burst · logo intro
Ready
M5 · Pulse idle · ready state
Amy
M6 · Slow comet · nav logo
Rule: Tier 3 is always animated — never use these as static visuals. M1 trace reveal = scroll-in trigger. M2 ripple = CTA hover. M3 scan = agent processing. M4 particles = logo intro animation. M5 pulse = idle/ready state. M6 = nav standard.