Branding & Website for Autopilot

Global payments generate complexity. Autopilot makes the state of things immediately clear.

Finance/AI

Singapore

Autopilot is building payment infrastructure for the age of AI, taking on global payment flows from routing and payouts to fraud prevention and observability.

Rather than visualizing every payment flow individually, we developed a system where different colors signal different messages, allowing Autopilot to communicate behavior instantly.

Red and pink gradient status card labelled Critical issue from the Autopilot colour system

Purple gradient status card labelled Action required from the Autopilot colour system

Blue gradient status card labelled Opportunity from the Autopilot colour system

Green gradient status card labelled Optimal from the Autopilot colour system

Color paletteThe color progression maps each status to a level of urgency, from critical issue to optimal, creating a consistent hierarchy across insights.

Visual statusColor communicates status directly within the interface, making even dense views like maps readable at a glance without relying on additional text.

The dot pattern is the building block of Autopilot's identity. Through dots and simple color coding, we visualized the product as a system that's always thinking, essentially putting it on autopilot. Ahh, full circle moment.

Global payments are complex and convoluted enough, so we wanted the visual world to do most of the talking. We created icons and messaging that turn lengthy status reports into snappy visual cues.

IconographyReduced, duotone icons extended the status system beyond color, making observability even easier to read at a glance.

Type specimen of the primary typeface showing the letters G and y, with the G in a green gradient

Green Autopilot insight card warning that Adyen auth latency spikes above 400 ms during 3DS flows and recommending routing low-risk cards through Stripe

When it came to the website, we let the product lead. Product moments, schematics and interactions unfold as you scroll, turning the platform itself into the story we're telling.

Autopilot dashboard shown on a tablet mounted in the back of a car

Autopilot website section on global payments with local payment method cards and coverage details

Payment links website card showing an order confirmation with a QR code and a shareable payment link

Treasury website card showing top currency balances in MXN, USD and HKD with a bar chart

Out in the world, we let color take the lead. The palette and its meanings became the message.

Three Autopilot street billboard mockups side by side

The best ideas have a way of feeling obvious in hindsight. For Autopilot, observability became one of them.

Brand Strategy: Tammo Mamedi
Creative Direction: Julian Bauer
Visual Identity: Semir Greven, Ariana Montero
AI-Assisted Production: Anastasiia Bezhevets, Ariana Montero
PM & Ops: Anastasiia Bezhevets

Stack

Weavy (now Figma Weave) and Cavalry for brand visuals

Rive for logo animation

React Router, Tailwind and Shadcn for product design

Astro + Dato CMS for website

Autopilot x Overnice

A partnership that spanned one very full year. We worked with Autopilot across branding, website and product, collaborating closely with their engineering team and helping shape key product decisions along the way.