> ## 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 colors
> Neutral base, the two signals, semantic states, dark theme, and screen ratio.
The base has no color: light paper and a warm ink, #14120F, that is never pure black. On top of it come two signals, terracotta for people and cobalt for artificial intelligence, and nothing else.
***
## The principle
Cobalt is the most protected color in the system. When it starts being used as a link color or as a highlight, the customer loses the only reliable cue for knowing they are reading a machine.
Green, red, and amber appear by meaning: green for done, connected, and healthy; red for real danger, such as deleting, logging out, validation errors, and a channel that is down; amber for a pending state that is not yet an error. Using red as a highlight spends the only word the system has for saying danger.
SAN blue, #007BFF, stays out of the product interface: it collides with cobalt. Its place is the provenance seal.
***
## Ratio
The screen is almost entirely neutral: about 60% paper, 25% ink, with the rest split between the two signals. A screen that is mostly terracotta or mostly cobalt is wrong even if it uses the right colors.
***
## Palette
### Base
Paper and ink carry about 85% of any screen.
| Name | Hex |
| ------------------ | ------- |
| paper (papel) | #FFFFFF |
| support (apoio) | #F6F6F4 |
| line (linha) | #E4E4E0 |
| ink (tinta) | #14120F |
| graphite (grafite) | #2B2823 |
| label (rótulo) | #5A5448 |
| mist (névoa) | #8D8779 |
### Signals
Terracotta is the people's side, cobalt is the AI's side; the highlight is for when there is no encounter.
| Name | Hex |
| ------------------------ | ------- |
| team (equipe) | #EB5E28 |
| veil team (véu equipe) | #FBDED2 |
| text team (texto equipe) | #B23F14 |
| ai (ia) | #2667FF |
| veil ai (véu ia) | #DCE6FF |
| text ai (texto ia) | #1A4FD6 |
| highlight (destaque) | #7FA3FF |
### States
They appear by meaning, each with a background veil and a text tone.
| Name | Hex |
| ---------------------------- | ------- |
| done (concluído) | #1F9D55 |
| veil ok (véu ok) | #E8F6EE |
| danger (perigo) | #C0341D |
| veil error (véu erro) | #FBE3DC |
| pending (pendência) | #B7791F |
| veil attention (véu atenção) | #FBEED2 |
### Dark theme
The signals lighten to keep contrast against ink; never reuse the light-theme tone.
| Name | Hex |
| ---------------- | ------- |
| page (página) | #14120F |
| card | #1D1A16 |
| border (borda) | #2B2823 |
| team (equipe) | #F58E63 |
| ai (ia) | #7DA2FF |
| done (concluído) | #5BD78F |
| text (texto) | #B9B2A2 |
## Related topics
- [Install the Chat Widget on your website](/en/canais/chat-widget.md)
- [The symbol](/en/marca/simbolo.md)
- [What is never done](/en/marca/o-que-nunca.md)