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

# Kit de marca

> Ativos oficiais da marca Attlas, logotipos, paleta de cores, tipografia e declarações da empresa.

Bem-vindo ao Kit de Marca da Attlas. Aqui você encontrará nossos ativos de marca oficiais, logotipos, cores, tipografia e descrições da empresa. Cada ativo pode ser visualizado e baixado diretamente.

Para consultas de imprensa, entrevistas ou ativos personalizados, entre em contato pelo e-mail [hello@attlas.so](mailto:hello@attlas.so).

***

## Visão geral da empresa

Use estas declarações e descrições aprovadas ao escrever ou mencionar a Attlas.

### Fatos rápidos

| Detalhe        | Informação                                                                                                      |
| :------------- | :-------------------------------------------------------------------------------------------------------------- |
| **Fundação**   | 2025                                                                                                            |
| **Fundadores** | [Yann Yimo](https://www.linkedin.com/in/yannyimo/), [Camila Seixas](https://www.linkedin.com/in/icamilaseixas/) |
| **Categoria**  | IA Conversacional, Gestão do Conhecimento, Geração de Leads, Interação com o Cliente                            |
| **Site**       | [attlas.so](https://attlas.so)                                                                                  |
| **Contato**    | [hello@attlas.so](mailto:hello@attlas.so)                                                                       |

### Slogans

* *Um chat, tudo o que seus visitantes precisam.*
* *Seus dados, agora conversacionais e globais.*
* *Adicione seu conteúdo uma vez. Ele responde, agenda reuniões e captura leads em qualquer idioma.*

### Descrição curta

A Attlas transforma seu conhecimento e presença online em um chat de IA conversacional interativo. Adicione seus links, documentos, vídeos e notas uma única vez: a Attlas responde às perguntas dos visitantes sem alucinações, agenda compromissos na agenda, captura leads qualificados e traz você para a conversa quando necessário.

### Descrição padrão

A Attlas é uma plataforma conversacional que transforma a forma como criadores, empresas e equipes compartilham conhecimento e interagem com seu público. Ao transformar conteúdo disperso (sites, documentos, mídia e espaços de trabalho) em um assistente conversacional inteligente, a Attlas permite que os visitantes obtenham respostas instantâneas e precisas em mais de 80 idiomas, agendem compromissos em tempo real e tomem ação imediatamente. Construída com simplicidade radical, a Attlas oferece uma experiência conversacional compartilhável e incorporável, com zero complexidade técnica e controle total sobre o que é dito.

***

## Paleta de cores

Clique em qualquer amostra de cor para copiar seu valor hexadecimal.

### Primeiro plano e destaque

<Color variant="compact">
  <Color.Item name="Destaque" value="#155DFC" />

  <Color.Item name="Base" value={{ light: "#0C0A09", dark: "#F5F5F4" }} />
</Color>

### Fundo e superfície

<Color variant="compact">
  <Color.Item name="Fundo" value={{ light: "#FFFFFF", dark: "#141110" }} />

  <Color.Item name="Sutil" value={{ light: "#FAFAF9", dark: "#1A1715" }} />
</Color>

### Paleta Dia

<Color variant="compact">
  <Color.Item name="Cobalto" value="#155DFC" />

  <Color.Item name="Roxo" value="#C679C4" />

  <Color.Item name="Vermelho" value="#FA3D1D" />

  <Color.Item name="Amarelo" value="#FFB005" />

  <Color.Item name="Pastel" value="#DEDEFE" />
</Color>

***

## Tipografia

Nosso sistema de tipografia equilibra personalidade e legibilidade em todas as superfícies.

<Columns cols={3}>
  <Card title="Pangea" icon="heading">
    Títulos e textos de destaque
  </Card>

  <Card title="Geist Sans" icon="type">
    Corpo do texto e interface
  </Card>

  <Card title="Geist Mono" icon="code">
    Trechos de código e dados numéricos
  </Card>
</Columns>

***

## Avatares de perfil

Retratos e avatares em alta resolução para menções na imprensa e co-marketing da equipe.

<Columns cols={3}>
  <div>
    #### Colorido

    <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/jpg/profile/profile-color.jpg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=21ab6834a79e37292663e6e4ba4472a6" alt="Attlas profile color JPG" actions="download" width="992" height="992" data-path="images/brand-kit/jpg/profile/profile-color.jpg" />
  </div>

  <div>
    #### Claro

    <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/jpg/profile/profile.jpg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=8b34b004f253b345d09d4ad78cb3bab4" alt="Attlas profile light JPG" actions="download" width="992" height="992" data-path="images/brand-kit/jpg/profile/profile.jpg" />
  </div>

  <div>
    #### Escuro

    <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/jpg/profile/profile-dark.jpg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=a8f7f2872b60c661687a03e669da8347" alt="Attlas profile dark JPG" actions="download" width="992" height="992" data-path="images/brand-kit/jpg/profile/profile-dark.jpg" />
  </div>
</Columns>

***

## Logotipos

Nosso logotipo combina a marca Attlas com nossa tipografia. Use o emblema quadrado para layouts padrão e o emblema circular para aplicações circulares.

### Logotipo quadrado

<Tabs>
  <Tab title="SVG">
    <Columns cols={2}>
      <div>
        #### Claro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/logotype/square/logotype-square.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=f92ff19394dd6c7e7142c975c22a4735" alt="Attlas square logotype light SVG" actions="download" width="411" height="124" data-path="images/brand-kit/svg/logotype/square/logotype-square.svg" />
      </div>

      <div>
        #### Escuro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/logotype/square/logotype-square-dark.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=9230aff997a393eac10271ac38c75500" alt="Attlas square logotype dark SVG" actions="download" width="411" height="124" data-path="images/brand-kit/svg/logotype/square/logotype-square-dark.svg" />
      </div>
    </Columns>
  </Tab>

  <Tab title="PNG">
    <Columns cols={2}>
      <div>
        #### Claro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/logotype/square/logotype-square.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=fce7b02b174fa9205d1e28372ae9acc2" alt="Attlas square logotype light PNG" actions="download" width="3384" height="1184" data-path="images/brand-kit/png/logotype/square/logotype-square.png" />
      </div>

      <div>
        #### Escuro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/logotype/square/logotype-square-dark.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=3a7beab4e590e993c64f05e4161e7ad7" alt="Attlas square logotype dark PNG" actions="download" width="3384" height="1184" data-path="images/brand-kit/png/logotype/square/logotype-square-dark.png" />
      </div>
    </Columns>
  </Tab>
</Tabs>

### Logotipo circular

<Tabs>
  <Tab title="SVG">
    <Columns cols={2}>
      <div>
        #### Claro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/logotype/circle/logotype-circle.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=cfd0bed02e058aa04f689df483e9b71b" alt="Attlas circle logotype light SVG" actions="download" width="411" height="124" data-path="images/brand-kit/svg/logotype/circle/logotype-circle.svg" />
      </div>

      <div>
        #### Escuro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/logotype/circle/logotype-circle-dark.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=159d18c1f117c2d5079c4bf1c4af8058" alt="Attlas circle logotype dark SVG" actions="download" width="411" height="124" data-path="images/brand-kit/svg/logotype/circle/logotype-circle-dark.svg" />
      </div>
    </Columns>
  </Tab>

  <Tab title="PNG">
    <Columns cols={2}>
      <div>
        #### Claro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/logotype/circle/logotype-circle.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=654d040c4d6144a24944499e4e2eccc9" alt="Attlas circle logotype light PNG" actions="download" width="3384" height="1184" data-path="images/brand-kit/png/logotype/circle/logotype-circle.png" />
      </div>

      <div>
        #### Escuro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/logotype/circle/logotype-circle-dark.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=2694b96fd65f1db6498439f7946788f6" alt="Attlas circle logotype dark PNG" actions="download" width="3384" height="1184" data-path="images/brand-kit/png/logotype/circle/logotype-circle-dark.png" />
      </div>
    </Columns>
  </Tab>
</Tabs>

***

## Símbolos

O símbolo Attlas é nossa marca independente para ícones de aplicativos, favicons e perfis sociais.

### Símbolo quadrado

<Tabs>
  <Tab title="SVG">
    <Columns cols={3}>
      <div>
        #### Colorido

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/symbol/square/symbol-square-color.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=23e6fe2ca0dd8257026974440ddecbff" alt="Attlas square symbol color SVG" actions="download" width="124" height="124" data-path="images/brand-kit/svg/symbol/square/symbol-square-color.svg" />
      </div>

      <div>
        #### Claro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/symbol/square/symbol-square.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=57733721a23641178de5c45df73d7901" alt="Attlas square symbol light SVG" actions="download" width="124" height="124" data-path="images/brand-kit/svg/symbol/square/symbol-square.svg" />
      </div>

      <div>
        #### Escuro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/symbol/square/symbol-square-dark.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=62d179088bd5e9a3b47b8ee972a7d321" alt="Attlas square symbol dark SVG" actions="download" width="124" height="124" data-path="images/brand-kit/svg/symbol/square/symbol-square-dark.svg" />
      </div>
    </Columns>
  </Tab>

  <Tab title="PNG">
    <Columns cols={3}>
      <div>
        #### Colorido

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/symbol/square/symbol-square-color.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=448b6e4e3e54dc0464c9505e24f25e0d" alt="Attlas square symbol color PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/square/symbol-square-color.png" />
      </div>

      <div>
        #### Claro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/symbol/square/symbol-square.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=28452575a27a22936d90341c37b6bf43" alt="Attlas square symbol light PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/square/symbol-square.png" />
      </div>

      <div>
        #### Escuro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/symbol/square/symbol-square-dark.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=a2f93eb3e836ba265c3289fab5ede912" alt="Attlas square symbol dark PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/square/symbol-square-dark.png" />
      </div>
    </Columns>
  </Tab>
</Tabs>

### Símbolo circular

<Tabs>
  <Tab title="SVG">
    <Columns cols={3}>
      <div>
        #### Colorido

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/symbol/circle/symbol-circle-color.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=8563e97cdba9798da1a041adec768f03" alt="Attlas circle symbol color SVG" actions="download" width="124" height="124" data-path="images/brand-kit/svg/symbol/circle/symbol-circle-color.svg" />
      </div>

      <div>
        #### Claro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/symbol/circle/symbol-circle.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=2b8382dabdbd440579011fc14d6bceb4" alt="Attlas circle symbol light SVG" actions="download" width="124" height="124" data-path="images/brand-kit/svg/symbol/circle/symbol-circle.svg" />
      </div>

      <div>
        #### Escuro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/symbol/circle/symbol-circle-dark.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=d42b19ddd2be1e45804124f2c96893dd" alt="Attlas circle symbol dark SVG" actions="download" width="124" height="124" data-path="images/brand-kit/svg/symbol/circle/symbol-circle-dark.svg" />
      </div>
    </Columns>
  </Tab>

  <Tab title="PNG">
    <Columns cols={3}>
      <div>
        #### Colorido

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/symbol/circle/symbol-circle-color.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=4ec97e620a1eede3dcb020e15ac24da8" alt="Attlas circle symbol color PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/circle/symbol-circle-color.png" />
      </div>

      <div>
        #### Claro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/symbol/circle/symbol-circle.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=1ab5305d81e58132f154636d3b0400bc" alt="Attlas circle symbol light PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/circle/symbol-circle.png" />
      </div>

      <div>
        #### Escuro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/symbol/circle/symbol-circle-dark.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=9e79d01101ace2b754faeb3502c2e96a" alt="Attlas circle symbol dark PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/circle/symbol-circle-dark.png" />
      </div>
    </Columns>
  </Tab>
</Tabs>

***

## Marcas nominativas

Nossa marca nominativa tipográfica independente.

<Tabs>
  <Tab title="SVG">
    <Columns cols={2}>
      <div>
        #### Claro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/typo/typo.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=419b34db5dd33597f72fc417b93bfb50" alt="Attlas wordmark light SVG" actions="download" width="254" height="80" data-path="images/brand-kit/svg/typo/typo.svg" />
      </div>

      <div>
        #### Escuro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/svg/typo/typo-dark.svg?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=bbd44c3480696c78af8fccb4548dfb24" alt="Attlas wordmark dark SVG" actions="download" width="254" height="80" data-path="images/brand-kit/svg/typo/typo-dark.svg" />
      </div>
    </Columns>
  </Tab>

  <Tab title="PNG">
    <Columns cols={2}>
      <div>
        #### Claro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/typo/typo.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=3c28de1bfc2ebdeb1f5150fad05a1b37" alt="Attlas wordmark light PNG" actions="download" width="2032" height="640" data-path="images/brand-kit/png/typo/typo.png" />
      </div>

      <div>
        #### Escuro

        <img src="https://mintcdn.com/attlas/PGl1_rcKDgKkOSvX/images/brand-kit/png/typo/typo-dark.png?fit=max&auto=format&n=PGl1_rcKDgKkOSvX&q=85&s=27833eb3a7a2260330eb6765202cc7b2" alt="Attlas wordmark dark PNG" actions="download" width="2032" height="640" data-path="images/brand-kit/png/typo/typo-dark.png" />
      </div>
    </Columns>
  </Tab>
</Tabs>

***

## Regras da marca

Para manter a consistência da marca em todos os meios, siga estes princípios:

* **Forneça espaço livre**: Mantenha um espaçamento generoso ao redor de todas as marcas para que permaneçam distintas e legíveis.
* **Mantenha o contraste**: Use as marcas claras em fundos claros e as marcas escuras em fundos escuros.
* **Não altere ou distorça**: Nunca distorça as proporções, mude as formas das letras individuais ou aplique sombras projetadas severas.