Brand assets
Download the Kiotapay logo, mark and colour palette for use at your checkout and in your integration.
Everything you need to show Kiotapay as a payment option, in the formats and variants you are likely to need. All logo files are PNG with a transparent background.
Primary logo
The full wordmark with the mark. This is the default — use it wherever there is room for it.
Logo mark
The mark on its own. Use it for avatars, favicons, app icons and anywhere the full wordmark would be illegible.
Download everything
All logo variants plus the colour reference, in one archive.
Colours
Deep teal
Primary. Buttons, links and headings on light backgrounds.
Light teal
The primary tone on dark backgrounds, where deep teal goes muddy.
Coral
Accent. The right-hand end of the wordmark gradient.
Deep coral
Coral where it needs to carry text contrast.
The wordmark runs a gradient from deep teal on the left to coral on the right. When you need a single brand colour — a button, a link, an icon — use deep teal on light backgrounds and light teal on dark ones.
Usage guidelines
Do
Use the full-colour logo on white or light backgrounds. Use the white variant on dark or photographic backgrounds. Keep clear space around the logo equal to the height of the mark. Scale proportionally.
Don't
Recolour the logo outside the supplied variants, stretch or skew it, add effects such as shadows or outlines, place the full-colour version on a busy photo, or rebuild the wordmark in a different typeface.
Minimum sizes: the wordmark should never render below 120 px wide, and the mark never below 24 px. Below those sizes the aperture in the mark closes up and stops reading as a shape.
Naming Kiotapay in text
Write it as Kiotapay — one word, capital K, lowercase p. Not "KiotaPay", "Kiota Pay" or "KIOTAPAY", except where your own styling puts an entire line in caps.
Questions
For partnership marketing, press use, or a format that is not here, email apps@kiotapay.com.