Press kit
Brand kit
How to draw, colour and write 0pay. Every file named on this page is also in the press kit.
- The mark and both lockups, in black and in white
- Colours read from the website’s own theme
- Print or save as PDF from your browser.
The mark
A zero with a slash through it, drawn entirely in dots.
The mark is fifteen dots. Ten equal dots form the bowl, set where the hours sit on a clock face, except the two places the slash passes through.
The other five form the slash, on one line at 62°: a large dot at the centre, a smaller dot on each side of it, and a dot the size of the bowl’s at each end, just outside the bowl, so the slash reads as crossing the zero.
Every copy of the mark, on this website, in the icons and in the files of the kit, is drawn from that one definition.
Black, on a light ground
White, on a dark ground
The lockup and the wordmark
The mark with the name beside it or above it. The name is set in Inter, with a slash through the zero that leans like the mark’s.
Horizontal: the mark to the left of the name
Stacked: the mark above the name, centred
Spelling the name
- Write 0pay in lowercase, with the digit zero, even at the start of a sentence.
- Never 0Pay, OPay, Zero Pay or 0-pay.
- In running text, set the name in the typeface around it. The slashed zero belongs to the mark and the lockups.
Clear space and minimum size
Room around the mark keeps the dots readable as one drawing.
Half the mark’s width on every side
Keep that space clear of text, edges, photos and other marks. With a lockup, measure it from the mark.
At least 16 px on screen
Below that the dots run together and the zero stops reading as a zero. Where there is less room, leave the mark out.
At least 6 mm in print
Measured across the mark. Print the vector file, so every dot stays round at any size.
Colour
0pay is black and white. The primary colour is the page ink.
The values below are read from the website’s theme when the page is built, so they cannot drift from the site. Both colour schemes are listed; the website follows the setting of the person reading it.
| Name | Role | Light scheme | Dark scheme |
|---|---|---|---|
| Ink | Text, the mark and primary buttons | #0a0b0drgb(10, 11, 13) | #ffffffrgb(255, 255, 255) |
| Paper | The page ground | #ffffffrgb(255, 255, 255) | #0a0b0drgb(10, 11, 13) |
| Muted text | Leads, captions and secondary text | #5b616ergb(91, 97, 110) | #8a919ergb(138, 145, 158) |
| Line | Borders, dividers and the frame around screens | #5b616e33rgba(91, 97, 110, 0.2) | #8a919e33rgba(138, 145, 158, 0.2) |
| Alternate surface | Plates, cards and tinted bands | #eef0f3rgb(238, 240, 243) | #141519rgb(20, 21, 25) |
Type
0pay is set in Inter, under the SIL Open Font License 1.1. The licence text ships with the kit.
- display1: 64 px on 72 px, weight 400
Everyday money, without the noise.
- display3: 40 px on 48 px, weight 400
Everyday money, without the noise.
- title3: 20 px on 28 px, weight 600
Everyday money, without the noise.
- body: 16 px on 24 px, weight 400
Everyday money, without the noise.
- legal: 13 px on 16 px, weight 400
Everyday money, without the noise.
Two weights: 400 for reading and for large display lines, 600 for short headings and labels.
Screens in coverage
Show the app as it is: a bare screen, not a phone.
A bare screen
Show the screen with a thin line around it and rounded corners, as it appears on this website.
Either colour scheme
Light or dark, exactly as downloaded, without changing its colours or its contrast.
Example data only
The screens in the kit carry example names and amounts from a preview build of the app. Do not replace them with anything real.
Nothing added
Never add a device frame, and never place another company’s marks on or beside the screen.
Light scheme Dark scheme
What to do with the mark
Use black or white
Black on light grounds, white on dark ones, from the files in the kit.
Keep its proportions
Scale it evenly, with the slash at 62° exactly as drawn.
Keep it flat
Solid dots in one colour, with nothing layered on top.
Keep the drawing whole
All fifteen dots, in their places, as they are in the files.
Give it a calm ground
A plain background with strong contrast, and the clear space on every side.
Let it stand on its own
Next to other names, give each mark its own space and no connecting line.
What not to do with the mark
Recolour it
The mark is black or white, never another colour, a tint or a gradient.
Stretch or rotate it
Never scale it on one axis, turn it or tilt the slash to a new angle.
Add shadows or effects
No drop shadows, glows, outlines, bevels or textures on the dots.
Separate the slash from the bowl
Never move, remove, resize or recolour a single dot.
Place it on a busy photo
Detail behind the dots breaks the zero apart.
Pair it with another company’s mark
Never set it beside another logo in a way that suggests a partnership or an endorsement.
Voice
How 0pay writes, on this website and in the app.
Short sentences
One idea per sentence, in the present tense. Say what the app shows or does.
Plain words
Concrete nouns, such as IBAN, receipt, code and review screen, instead of abstractions.
No hype
No exclamation marks and no big adjectives. What the app will not do is often the strongest line.
No claims about money figures, licences, speed or dates
Nothing is said that has not been signed off, and a sentence that needs a figure waits until the figure is signed.
Sentence case
Headings, buttons and links start with a capital letter and carry on in lowercase, except for names.
Writing 0pay in Romanian
Write ș and ț with the comma below, never the cedilla forms, and address the reader as „tu”, the way the app does.
Use the app’s own words, so the text matches the screens: „cheie de acces” for passkey, „Analiză” for Insights, „Schimb” for Exchange and „Activitate” for Activity.
Keep IBAN, SEPA, USDC, Lightning, CSV, JSONL and 0pay as they are, and write Romanian quotation marks as „…”.
Every file in the kit
Each file on its own. The ZIP holds all of them, together with the screens.
- Mark, black (SVG)
- Mark, white (SVG)
- Mark, black (PNG, 1024 px)
- Mark, white (PNG, 1024 px)
- Lockup, black (SVG)
- Lockup, white (SVG)
- Lockup, black (PNG, 2048 px)
- Lockup, white (PNG, 2048 px)
- Stacked lockup, black (SVG)
- Stacked lockup, white (SVG)
- Stacked lockup, black (PNG, 2048 px)
- Stacked lockup, white (PNG, 2048 px)
- Avatar, black (PNG, 1024 px)
- Avatar, white (PNG, 1024 px)
- Boilerplate, English (TXT)
- Boilerplate, Romanian (TXT)
- Colours (JSON)
- Colours as CSS variables (CSS)
- Inter licence (SIL Open Font License 1.1) (TXT)
- The whole press kit (ZIP)
