"Totomoko" is one word, written with a capital T in running text. Not "TotoMoko", "TOTOMOKO", "totomoko.com" or "the Totomoko site" when the company is meant.
The wordmark is set in lowercase; that is the logo, not the spelling.
Resources
Media Kit
Resources for presenting Totomoko consistently.
Naming
Logo
Clear space of at least twice the stripe unit is built into every logo file on all four sides. Do not crop it off; place nothing inside it.
SVG · click to download
Lockup — White
Use on dark backgrounds.
SVG · click to download
Lockup — Black
Use on light backgrounds.
SVG · PNG
SVG · click to downloadMark on tile
The white mark on its ink tile: favicons, avatars, app icons. Works on any background.
Mark on light tile
The ink mark on its paper tile, for light contexts.
Stacked: white · black. Wordmark alone: white · black. Social card, 1200 × 630.
Usage
Do
- Use the provided logo files without modification
- Keep the clear space built into every file
- Use on solid, uncluttered backgrounds with enough contrast
- White on dark, black on light
Don't
- Alter, rotate, recolor or distort the logo
- Add effects such as shadows, outlines or gradients
- Retype the wordmark in another typeface
- Use the logo as part of another company's name or mark
Permissions
- The Totomoko brand assets are proprietary
- Do not imply affiliation or endorsement
- Do not combine with other graphics
- The full rules are the Brand Guidelines; questions to legal@totomoko.com
The full rules are the Brand Guidelines. Questions: the legal inquiries form.
Primary colors
Two grounds, four greys and one accent per mode. Every pair is written dark first, light second — the two modes swap, the accent changes hue. The accent is the primary control and a highlight; it is never a background for text. Click a color to copy its hex.