The AirPay brand
AirPay lets you spend your crypto on everyday life. This page has our logo, our colours and the few rules for using them. If you are writing about AirPay or building with it, everything you need is here.
What we stand for
Everyday first.
AirPay opens on what you can do, not on what you own. Bills, recharges and people come before balances and charts.
One front, every wallet.
You should not need a different app for each wallet. AirPay puts all of them behind one screen.
Your money stays yours.
AirPay never holds your funds or your keys. Your own wallet approves every payment.
Plain enough for anyone.
It should make sense to someone who has never heard the word blockchain.
Our logo
A wallet you open, with every card you own in it, ready to spend.
- The wallet is AirPay: the front, the thing you open.
- It is solid, because your money stays yours. We are the front of your wallets, not a window into them.
- Two cards, because you have more than one wallet, and they all belong in one place.
- They are coming out, because this is about spending, not storing.
- It stands on one line, level and steady, and its two feet and the peak between them hint at the A of our name.
Versions
Use the horizontal logo wherever you can. Use the stacked one when the space is square or tall, and the mark alone only where our name is already nearby.
Using it
Give the logo room: keep a margin around it as tall as the A in our name. Do not use it smaller than 96 pixels wide, or the mark alone smaller than 20.
Please do not recolour it, stretch it, rotate it, add effects to it, or retype our name in another font.
Clear space
The striped band is the margin: as tall as the capital A in the name, on every side. Nothing else goes in it. Around the mark alone, leave a quarter of the mark's width.
Smallest sizes
| Version | Screen | |
|---|---|---|
| Horizontal logo | 96 px | 25 mm |
| Stacked logo | 72 px | 20 mm |
| Mark alone | 20 px | 6 mm |
On a photograph or a busy pattern, put the logo on a white or blue panel first.
Do and do not
Correct: On white, the colour logo
Correct: On blue, the on-blue logo
Correct: On dark, the on-dark logo
Incorrect: Do not recolour
Incorrect: Do not stretch
Incorrect: Do not rotate
Incorrect: Do not add effects
Incorrect: Do not use the colour logo on blue
Airpay
Incorrect: Do not retype the name
NEWSale
Incorrect: Do not crowd it
Colour
One blue carries the brand. White gives it room, ink does the reading, and a little lime marks the one thing worth noticing.
Press a colour to copy its hex.
Supporting colours
Colours with a meaning
These are states in the app, not decoration.
What may sit on what
Each of these is readable at any size. Blue on white, and white on blue, are for large headings, buttons and graphics only.
Ink on white
12.46 : 1
Quiet on white
5.10 : 1
Deep blue on white
5.57 : 1
White on night
19.05 : 1
AirPay blue on night
5.78 : 1
Lime on night
16.56 : 1
How much of each
Mostly white, with ink for text, blue for the one thing that matters on a view, and lime for at most one small accent.
- White 70%
- Ink 20%
- Blue 8%
- Lime 2%
Type
Our name and headlines are set in Bricolage Grotesque ExtraBold. Everything else is Inter. Amounts of money are set in Geist, so the digits always line up.
Bricolage Grotesque · ExtraBold
AirPay
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
Inter · 400 to 700
AirPay
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
In use
Pay a bill from the wallet you already have
Pick what you are paying for, see the exact price, and approve it in your own wallet. Sentence case throughout, and no text in capitals except very small labels.
Geist · amounts
$24.50
Tabular figures, so digits line up. Addresses and codes are set in Geist Mono.
How we write
We say what happened to your money, in plain words, and then we stop.
| We say | We do not say |
|---|---|
| Paid | Transaction successful! |
| Nothing was sent. Tap again. | Something went wrong. |
| Pay a bill | Initiate utility payment |
| Your wallet approves every payment | Non-custodial signing flow |
Download
The full kit has every version of the logo as SVG, PNG and JPG, the app icon, and a short guide.
A zip file, about 3 MB
Writing about AirPay, or not sure which file to use? Get in touch and we will help.
Contact address to be added