Brand guidelines
Chotto Event
The Chotto Event logo in horizontal and stacked forms, its app icon at every size, and the Chotto colours and rules it shares with Chotto Chat, Chotto Meet and Chotto Translate.
01
The logo
The chotto bubble wordmark followed by event, set flat in the same rounded face with no outline or shadow. Use the horizontal lockup by default and the stacked one where it is too wide: square and portrait spaces, avatars, a slide corner or a narrow sidebar.
02
App icon
The stacked lockup on Chotto Navy with a soft teal glow. It is square to the edge, so let each platform apply its own corner mask rather than pre-rounding it.
Needs 64 px or more
Below about 64 px the product word stops being readable and the four product icons look identical. For favicons and other small slots, use the Chotto app icon from the Chotto kit.
03
Palette
Shared by every Chotto product. Click a swatch to copy it.
04
Usage
Clear space
Keep space equal to the height of the o in chotto on all four sides, roughly 22% of the lockup height.
Size
The files are 264 px tall. Display them no smaller than 28 px tall, below which the keyline closes up, and no larger than about 130 px tall on screen. For print or anything larger, ask us for artwork.
Backgrounds
Made for navy and other dark grounds. They hold on white, though the white keyline disappears there. Avoid mid-teal grounds close to #35BFB4, where the product word vanishes.
Name
Write Chotto Event in text, capitalised, with a space. Lowercase appears only inside the logo. Use this lockup only for Chotto Event; the other products have their own.
Don't
- Recolour the lockups or add effects
- Set the product word in another typeface
- Rebuild a lockup by pairing the chotto mark with live type
- Give the product word the bubble outline and shadow
- Stretch the stacked lockups so the two lines match in width