> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tartini.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# The symbol

> Anatomy, fixed proportions, the five variants, minimum size, and lockup.

The symbol is a speech bubble with two dots inside. The bubble is the conversation. The terracotta dot is the team. The gradient dot, at the same height and a bit larger, is the artificial intelligence and the meeting point between the two: the node.

***

## Anatomy

There are always two dots, never three. Three dots inside a bubble mean "typing…" in any messaging app, and this system's conversation has exactly two sides. The rule also applies to the typing indicator inside the product.

The proportions are fixed: the node has radius 8 and the team dot has radius 7, both on the same centerline. The node is larger because that is where the eye should go, and this is never readjusted for each application.

<img src="https://mintcdn.com/san-internet-241785e8/X1wH1yUK73ReXrAw/images/marca/anatomia.svg?fit=max&auto=format&n=X1wH1yUK73ReXrAw&q=85&s=f24ff65d1998245f76dfc4bbf1f0a845" alt="The symbol enlarged, with the caption: the bubble is the conversation, the terracotta dot is the team, the gradient node is the AI and the meeting point" noZoom width="640" height="260" data-path="images/marca/anatomia.svg" />

***

## Variants

<img src="https://mintcdn.com/san-internet-241785e8/X1wH1yUK73ReXrAw/images/marca/variantes.svg?fit=max&auto=format&n=X1wH1yUK73ReXrAw&q=85&s=5a4433439de1ae532bdfaa5cb7a49969" alt="The symbol's five variants: solid, paper, outline, app icon, and favicon" noZoom width="798" height="156" data-path="images/marca/variantes.svg" />

| Variant      | When to use                                                   |
| ------------ | ------------------------------------------------------------- |
| **Solid**    | The default: bubble in ink over paper.                        |
| **Paper**    | For dark backgrounds. The two dots don't change.              |
| **Outline**  | Hollow bubble, 5-weight stroke. The dots stay solid.          |
| **App icon** | The node leaves the bubble and becomes a badge in the corner. |
| **Favicon**  | Just the node, below 20 pixels.                               |

***

## Size and lockup

**Minimum size.** Below 20 pixels on screen, or 7 millimeters in print, the bubble closes up and the two dots turn into a blur. At that size, use only the node: a gradient circle, alone.

**Lockup.** Symbol at 34 pixels, 12 of breathing room, wordmark at 30 in Schibsted Grotesk 800 with tracking of −0.045em. Nothing between the two, nothing around them.

<img src="https://mintcdn.com/san-internet-241785e8/X1wH1yUK73ReXrAw/images/marca/lockup.svg?fit=max&auto=format&n=X1wH1yUK73ReXrAw&q=85&s=acf6190a6d6a2462605705261f571075" alt="Canonical lockup: symbol at 34 pixels, 12 of breathing room, and the tartini wordmark at 30" noZoom width="320" height="110" data-path="images/marca/lockup.svg" />

The lockup files, in light and dark versions, are in this same help center at `/logo/light.svg` and `/logo/dark.svg`.

***

## Restrictions

Never:

* A third dot inside the bubble.
* The bubble in any color other than ink or paper.
* The node in flat color, without the gradient.
* Shadow, outline, or glow on the symbol.
* Rotating, tilting, or mirroring it.
* The symbol inside a circle or square other than the app icon.


## Related topics

- [The third tone](/en/marca/a-terceira-nota.md)
- [The gradient](/en/marca/gradiente.md)
- [What is never done](/en/marca/o-que-nunca.md)
