Toto · Documentation
Toto's identity
Toto is the official mascot of the Total.js community. This guide helps create and review materials that show him. Other uses follow the license.
Reference image
The original portrait defines his main look: a softly shaded 3D illustration finish, rounded shapes, orange fur, an expressive gaze and a recognizable silhouette.
A European red fox
Toto is a European red fox (Vulpes vulpes), not a fennec or a fantasy fox. When presenting him, always name the species and respect the traits that define it: reddish-orange fur, dark-edged ears, dark paws and a big tail with a light tip.
Traits we keep
- Large, pointed ears with a dark edge and a light pink interior.
- A characteristic tuft over the forehead.
- Big amber and brown eyes, a small dark nose.
- Cream muzzle and chest.
- Charcoal-coloured paws.
- A big fluffy tail with a light tip.
- A kind, curious and slightly mischievous expression.
Every pose is reviewed to keep these traits; identity takes priority over accidental variations between images.
Companion palette
These colours guide interfaces and communication pieces. The illustration keeps its natural lights, shadows and variations.
| Colour | Value | Use |
|---|---|---|
| Toto orange | #FF751F | Accents and calls to attention. |
| Cream | #FFEAD4 | Warm backgrounds and details. |
| Charcoal | #202B34 | Text and contrast. |
| Slate | #536179 | Secondary information. |
| Paper | #FFF9F2 | Light surfaces. |
Size and space
- Keep the original aspect ratio and
object-fit: contain. - Leave room around ears, paws and tail. As a guide, 10 % outer margin.
- For favicons and small avatars, use the official face icon, with its complete ears and without distorting it. The kit includes variants from 16 to 512 px.
- Check light and dark backgrounds before integrating a pose.
- Keep the transparency and soft edges of the original PNG.
How he speaks
Toto speaks warmly, in simple sentences. He can greet, accompany a suggestion or celebrate an achievement. Messages avoid jokes at the user's expense and explain actions precisely.
Examples:
- “Hi, I'm Toto. Let's set up your first job.”
- “I have a hint: check the measurements before continuing.”
- “Done! Your work is saved.”
In a product, a celebration pose appears after the operation has really completed. A working pose comes with a textual status; the image alone does not indicate progress or guarantee a result.
Trademark
Presentation and attribution use Spanish Total.js. The character's name is Toto, a mark of Spanish Total.js (Toto™, OEPM M4411785). See the trademark details.
Uses that require authorization
Changing his anatomy, colours, clothing or accessories; creating new poses; animating him; turning him into another mascot; building him into a third-party identity or making merchandise. Technical exports without visual changes, such as reducing the size, follow the permission in the license.