Brand guidelines
Chotto
The chotto bubble mark and app icon, the four product lockups side by side, and the colour system and rules every Chotto product shares. Each product also has its own page.
01
Product lockups
The chotto bubble wordmark, with its teal fill, white outline and yellow offset shadow, followed by the product word set flat in the same rounded face with no outline or shadow. The contrast is the point: chotto is the brand and the product word is a modifier.
02
Stacked lockups
The same artwork set vertically, with chotto on top and the product word centred beneath. Use these where the horizontal lockup is too wide: square and portrait spaces, avatars, a slide corner or a narrow sidebar. The product word keeps its size from the horizontal lockup, so the four stay consistent as a family.
03
App icons
The Chotto app icon is the speech bubble, with chotto over ちょっと, on deep navy. Each product also has its own icon: the stacked lockup on navy with a soft teal glow. All of them are square to the edge, so let each platform apply its own corner mask rather than pre-rounding them.
Chotto
Products
Product icons need 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.
04
Palette
Sampled directly from the master artwork. Click a swatch to copy it.
05
Typography
- Logo face
- Peace Sans, a rounded display face. It is used only in the artwork; don't set new words in it to imitate the logo.
- Running text
- Poppins for Latin, Noto Sans JP for Japanese, the same as the rest of Shisa.
06
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.
Product names
The product is Chotto Event, singular. Use the lockup that matches the product you are talking about; don't put the Chat lockup on a slide about Meet.
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