Yappio logo and brand assets
The logo is a golden dog with orange ears, next to the word yappio in bold lowercase letters. Download the files below and follow the rules when you use them.
The logo
Two versions of the same logo, one for each kind of background.
Mark and tile
The mark works alone where there is no room for the lettering. The tile is a white dog on a yellow square, used for app icons and avatars.
Colours
Yellow leads, orange supports and navy carries the text. The tongue pink only appears inside the dog.
- Yellow
#FFC83DThe dog's face, the app tile and the main accent. Text on yellow is always navy.
- Orange
#F28C28The dog's ears and the second accent. Text on orange is always navy.
- Navy
#15131FThe logo background, the dog's eyes and nose, and the lettering on light backgrounds.
- White
#FFFFFFThe lettering on dark backgrounds, the dog on the tile, and text on navy.
How to use the logo
- Use the logo with white lettering on navy or other dark backgrounds, and the logo with navy lettering on white or light backgrounds.
- Keep clear space of half the height of the dog's face on every side.
- Put text on yellow or orange in navy, never in white.
- Do not recolour, stretch, rotate, outline, add effects to or redraw the dog, and do not change the lettering.
- Smallest size: 16 px for the tile, 24 px high for the dog alone, 32 px high for the logo with lettering.
Downloads
SVG files scale to any size. PNG files are ready to place in documents and slides.
| File | SVG | PNG |
|---|---|---|
| Logo for dark backgrounds | lockup-on-dark.svg | [email protected] |
| Logo for light backgrounds | lockup-on-light.svg | [email protected] |
| Logo on a navy background | lockup-on-navy-bg.svg | lockup-on-navy-1200.png |
| Mark, full colour | mark-color.svg | mark-color-512.png |
| Mark, navy, one colour | mark-navy.svg | None |
| Mark, white, one colour | mark-white.svg | None |
| Lettering, white | wordmark-white.svg | None |
| Lettering, navy | wordmark-navy.svg | None |
| Tile | tile.svg | tile-1024.png |
| App icon, 512 px | None | icon-512.png |
| App icon, maskable | tile-maskable.svg | icon-maskable-512.png |
| Share image, 1200 by 630 | og-default.svg | og-default-1200x630.png |
![[email protected]](/brand/lockup-on-dark@2x.png){kind=link}
![[email protected]](/brand/lockup-on-light@2x.png){kind=link}
