Brand kit — Paydot

Logo system

One wordmark. One dot.

The Paydot logo is the wordmark in Electric Blue with a single coral Active Dot. Its letterforms and spacing are artwork, not text, so always place the files below rather than typing the name in a font.

ColourDefault on white and Canvas

SVG PNG

Mono inkOne-colour print on light surfaces

SVG PNG

ReversedOn Ink and dark photography

SVG PNG

Mono whiteOne-colour use on dark surfaces

SVG PNG

App iconApps, avatars and square tiles

SVG PNG

Active DotSmall secondary brand cue

SVG PNG

FaviconBrowser tabs and bookmarks

SVG PNG

Clear space

Keep at least half the dot’s diameter clear on every side of the wordmark. Around the app icon, keep an eighth of its width.

Minimum size

Wordmark: 120 px wide on screen, 32 mm in print. App icon: 24 px. Active Dot on its own: 16 px.

Which file

Colour or mono ink on white and Canvas. Reversed or mono white on Ink and dark images. Never the blue wordmark on a dark surface.

Keep the logo as it is

Do not stretch, skew, rotate, crop or redraw the artwork.
Do not typeset the name in Satoshi or any other font in place of the logo.
Do not move, resize, recolour or animate the dot on its own.
Do not add gradients, shadows, outlines or other effects.
Do not place the logo over a busy image. Give it a quiet area or a solid container.
Do not use the logo inside a sentence, headline or button in place of the written name.

Palette

Blue acts. Coral signals.

Electric Blue carries the wordmark, actions, links and focus. Coral is the signature: the dot, progress and selected moments. Warm neutrals keep everything human without losing clarity.

Core palette

Electric Blue#2C43E6

Wordmark, primary actions, links and focus.

Active Coral#FD4631

The signature dot and restrained highlights. Not for body text.

Paydot Ink#12131A

Text, outlines and dark surfaces.

Canvas#FBF8F4

Warm page background. Use Ink for text.

White#FFFFFF

Primary light surface and reversed artwork.

Supporting palette

Electric Blue Strong#1C31B8

Hover and pressed actions on light surfaces.

Electric Blue Soft#E7EAFF

Selected and action-tinted containers, with Ink text.

Electric Blue on Dark#8794FF

Actions, links and focus on Ink and other dark surfaces.

Coral Strong#C5281B

Coral text or icons where the meaning needs coral.

Coral Soft#FFE5E1

Warm notification containers, with Ink text.

Muted Ink#625B57

Secondary text on light surfaces.

Divider#E4DDD6

Borders and separators only, never text.

Neutral Soft#F3EEE9

Secondary containers, with Ink text.

Contrast

Every text pairing the product uses is checked to at least 4.5:1. Electric Blue is 6.88:1 on white; Ink is 18.52:1.

Coral is a signal

Coral marks the brand and deliberate progress moments. It never means failure, and it is never body text on white. Use Coral Strong when text has to be coral.

Blue on dark

The base blue is only 2.69:1 on Ink. On dark surfaces, use Electric Blue on Dark for actions and focus, and the reversed logo.

Typeface

Satoshi, three weights.

Satoshi is the typeface for the product and everything around it. Black for display headings, Medium for controls, labels and compact headings, Regular for body copy.

Black · 900

Payment confirmed.

Medium · 500

Approve in your bank.

Regular · 400

Nothing has been charged.

Get the font

Satoshi is by the Indian Type Foundry and is distributed through Fontshare under its own licence. Download it there; we do not redistribute the font files.

Satoshi on Fontshare

Only three weights

Use Regular, Medium and Black. There is no semibold or bold face, so do not ask a tool to fake one.

Fallback

Where Satoshi cannot load, fall back to Inter, then the system sans-serif. The logo is never set in Satoshi; it is artwork.

Icons and imagery

Simple icons. Real moments.

Phosphor Regular is the icon family across the product and this site: rounded, consistent in weight, one style at a time. Photography shows people in control of a task, not celebrating money.

Examples from the Phosphor set at the default 24 px.

Icons

Phosphor Regular at 24 px, or 20 px in compact controls. Filled icons only mark a selected state. Never mix libraries or use emoji as icons.

Phosphor Icons

Imagery

Candid, real payment activity: a counter, a phone, a market stall. People in control of a task, not staring at charts.

Avoid

Coins, bank columns, currency symbols, rockets, shields and generic fintech circuitry. Other companies’ marks stay their official artwork, never a Phosphor stand-in.

Voice and name

Say what happens next.

Paydot sounds clear, assured, active and human. State what happened, what it means and what comes next. Sentence case, plain words, no urgency.

Prefer

Payment confirmed
We’re still checking with your bank
Try again or choose another bank
Nothing has been charged

Avoid

Success!!!
Your transaction is pending
An unknown error occurred
Don’t worry!

The name

Write Paydot: capital P, everything else lowercase. Not PAYDOT, Pay Dot or Pay.dot.

The company

PayDot OÜ, registered in Tallinn, Estonia, commercial register 17417069. Use the legal name in legal and registration contexts only.

Boilerplate

Paydot helps European businesses accept bank payments through payment links, QR codes and checkout. The customer chooses their bank and approves the payment there.

Files

Take the files.

Every logo as SVG and PNG, plus the colour tokens. SVG is the source and stays crisp at any size; PNG is for tools that cannot place vector artwork.

Complete kit

All logos, marks, PNG exports and tokens in one archive.

Download ZIP

Wordmark, colour

Default logo for white and Canvas.

SVG PNG 1024 PNG 512

Wordmark, mono ink

One-colour production on light surfaces.

SVG PNG 1024

Wordmark, reversed

White wordmark and coral dot for dark surfaces.

SVG PNG 1024

Wordmark, mono white

One-colour production on dark surfaces.

SVG PNG 1024

App icon

Electric Blue tile with the Active Dot. Platforms apply their own outer mask.

SVG PNG 1024 PNG 512 PNG 192

Active Dot

The standalone coral mark.

SVG PNG 512 PNG 256

Favicon

Rounded tile with the dot, sized for browser tabs.

SVG PNG 48 PNG 32 PNG 16

Colour tokens

The palette, type scale and geometry as design tokens and as CSS custom properties.

JSON CSS

Partners keep their own logo separate from ours by at least one dot’s diameter, matched by visual weight rather than equal width, and never merge, recolour or animate the Paydot mark.

Show Paydot clearly.

One wordmark. One dot.

Keep the logo as it is

Blue acts. Coral signals.

Core palette

Supporting palette

Satoshi, three weights.

Simple icons. Real moments.

Say what happens next.

Prefer

Avoid

Take the files.

Press, partner or co-branded use?