> ## 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 marque

> Ressources officielles de la marque Attlas : logos, palette de couleurs, typographie et déclarations de l'entreprise.

Bienvenue dans le Kit de marque Attlas. Vous trouverez ici nos ressources officielles de marque, logos, couleurs, typographie et descriptions de l'entreprise. Chaque élément peut être prévisualisé et téléchargé directement.

Pour toute demande presse, interview ou ressource personnalisée, contactez [hello@attlas.so](mailto:hello@attlas.so).

***

## Présentation de l'entreprise

Utilisez ces déclarations et descriptions officielles lorsque vous écrivez à propos d'Attlas ou que vous la mentionnez.

### Informations clés

| Détail         | Information                                                                                                     |
| :------------- | :-------------------------------------------------------------------------------------------------------------- |
| **Créée en**   | 2025                                                                                                            |
| **Fondateurs** | [Yann Yimo](https://www.linkedin.com/in/yannyimo/), [Camila Seixas](https://www.linkedin.com/in/icamilaseixas/) |
| **Catégorie**  | IA conversationnelle, Gestion des connaissances, Génération de leads, Interaction client                        |
| **Site web**   | [attlas.so](https://attlas.so)                                                                                  |
| **Contact**    | [hello@attlas.so](mailto:hello@attlas.so)                                                                       |

### Slogans

* *Un chat, tout ce dont vos visiteurs ont besoin.*
* *Vos données, désormais conversationnelles à l'échelle mondiale.*
* *Ajoutez votre contenu une seule fois. Il répond, réserve des rendez-vous et capture des leads dans toutes les langues.*

### Description courte

Attlas transforme vos connaissances et votre présence en ligne en un chat conversationnel interactif alimenté par l'IA. Ajoutez vos liens, documents, vidéos et notes une seule fois : Attlas répond aux questions des visiteurs sans aucune hallucination, réserve des rendez-vous dans le calendrier, capture des leads qualifiés et vous implique lorsque cela est nécessaire.

### Description institutionnelle

Attlas est une plateforme conversationnelle qui transforme la manière dont les créateurs, les entreprises et les équipes partagent leurs connaissances et interagissent avec leur audience. En transformant des contenus éparpillés (sites web, documents, médias et espaces de travail) en un assistant conversationnel intelligent, Attlas permet aux visiteurs d'obtenir des réponses instantanées et précises dans plus de 80 langues, de prendre rendez-vous en temps réel et d'agir immédiatement. Conçue avec une simplicité radicale, Attlas offre une expérience conversationnelle partageable et intégrable, sans complexité technique et avec un contrôle total sur ce qui est dit.

***

## Palette de couleurs

Cliquez sur n'importe quel échantillon de couleur pour copier sa valeur hexadécimale.

### Premier plan et accent

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

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

### Arrière-plan et surface

<Color variant="compact">
  <Color.Item name="Arrière-plan" value={{ light: "#FFFFFF", dark: "#141110" }} />

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

### Palette Dia

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

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

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

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

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

***

## Typographie

Notre système typographique équilibre caractère et lisibilité sur toutes les surfaces.

<Columns cols={3}>
  <Card title="Pangea" icon="heading">
    Titres et textes d'affichage
  </Card>

  <Card title="Geist Sans" icon="type">
    Texte courant et texte d'interface
  </Card>

  <Card title="Geist Mono" icon="code">
    Extraits de code et données numériques
  </Card>
</Columns>

***

## Avatars de profil

Portraits et avatars haute résolution pour mentions dans la presse et co-marketing d'équipe.

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

    <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="Profil Attlas couleur JPG" actions="download" width="992" height="992" data-path="images/brand-kit/jpg/profile/profile-color.jpg" />
  </div>

  <div>
    #### Clair

    <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="Profil Attlas clair JPG" actions="download" width="992" height="992" data-path="images/brand-kit/jpg/profile/profile.jpg" />
  </div>

  <div>
    #### Sombre

    <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="Profil Attlas sombre JPG" actions="download" width="992" height="992" data-path="images/brand-kit/jpg/profile/profile-dark.jpg" />
  </div>
</Columns>

***

## Logotypes

Notre logotype combine la marque Attlas avec notre typographie. Utilisez le badge carré pour les mises en page standard et le badge rond pour les emplacements circulaires.

### Logotype carré

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

        <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="Logotype carré Attlas clair SVG" actions="download" width="411" height="124" data-path="images/brand-kit/svg/logotype/square/logotype-square.svg" />
      </div>

      <div>
        #### Sombre

        <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="Logotype carré Attlas sombre 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>
        #### Clair

        <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="Logotype carré Attlas clair PNG" actions="download" width="3384" height="1184" data-path="images/brand-kit/png/logotype/square/logotype-square.png" />
      </div>

      <div>
        #### Sombre

        <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="Logotype carré Attlas sombre PNG" actions="download" width="3384" height="1184" data-path="images/brand-kit/png/logotype/square/logotype-square-dark.png" />
      </div>
    </Columns>
  </Tab>
</Tabs>

### Logotype rond

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

        <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="Logotype rond Attlas clair SVG" actions="download" width="411" height="124" data-path="images/brand-kit/svg/logotype/circle/logotype-circle.svg" />
      </div>

      <div>
        #### Sombre

        <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="Logotype rond Attlas sombre 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>
        #### Clair

        <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="Logotype rond Attlas clair PNG" actions="download" width="3384" height="1184" data-path="images/brand-kit/png/logotype/circle/logotype-circle.png" />
      </div>

      <div>
        #### Sombre

        <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="Logotype rond Attlas sombre PNG" actions="download" width="3384" height="1184" data-path="images/brand-kit/png/logotype/circle/logotype-circle-dark.png" />
      </div>
    </Columns>
  </Tab>
</Tabs>

***

## Symboles

Le symbole Attlas est notre marque autonome pour les icônes d'application, les favicons et les profils sociaux.

### Symbole carré

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

        <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="Symbole carré Attlas couleur SVG" actions="download" width="124" height="124" data-path="images/brand-kit/svg/symbol/square/symbol-square-color.svg" />
      </div>

      <div>
        #### Clair

        <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="Symbole carré Attlas clair SVG" actions="download" width="124" height="124" data-path="images/brand-kit/svg/symbol/square/symbol-square.svg" />
      </div>

      <div>
        #### Sombre

        <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="Symbole carré Attlas sombre 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>
        #### Couleur

        <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="Symbole carré Attlas couleur PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/square/symbol-square-color.png" />
      </div>

      <div>
        #### Clair

        <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="Symbole carré Attlas clair PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/square/symbol-square.png" />
      </div>

      <div>
        #### Sombre

        <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="Symbole carré Attlas sombre PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/square/symbol-square-dark.png" />
      </div>
    </Columns>
  </Tab>
</Tabs>

### Symbole rond

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

        <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="Symbole rond Attlas couleur SVG" actions="download" width="124" height="124" data-path="images/brand-kit/svg/symbol/circle/symbol-circle-color.svg" />
      </div>

      <div>
        #### Clair

        <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="Symbole rond Attlas clair SVG" actions="download" width="124" height="124" data-path="images/brand-kit/svg/symbol/circle/symbol-circle.svg" />
      </div>

      <div>
        #### Sombre

        <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="Symbole rond Attlas sombre 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>
        #### Couleur

        <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="Symbole rond Attlas couleur PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/circle/symbol-circle-color.png" />
      </div>

      <div>
        #### Clair

        <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="Symbole rond Attlas clair PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/circle/symbol-circle.png" />
      </div>

      <div>
        #### Sombre

        <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="Symbole rond Attlas sombre PNG" actions="download" width="1184" height="1184" data-path="images/brand-kit/png/symbol/circle/symbol-circle-dark.png" />
      </div>
    </Columns>
  </Tab>
</Tabs>

***

## Logos textuels

Notre logo textuel typographique autonome.

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

        <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="Logo textuel Attlas clair SVG" actions="download" width="254" height="80" data-path="images/brand-kit/svg/typo/typo.svg" />
      </div>

      <div>
        #### Sombre

        <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="Logo textuel Attlas sombre 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>
        #### Clair

        <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="Logo textuel Attlas clair PNG" actions="download" width="2032" height="640" data-path="images/brand-kit/png/typo/typo.png" />
      </div>

      <div>
        #### Sombre

        <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="Logo textuel Attlas sombre PNG" actions="download" width="2032" height="640" data-path="images/brand-kit/png/typo/typo-dark.png" />
      </div>
    </Columns>
  </Tab>
</Tabs>

***

## Règles de marque

Pour maintenir la cohérence de la marque sur tous les supports, suivez ces principes :

* **Respectez la zone de protection** : maintenez un espacement généreux autour de tous les signes pour qu'ils restent distincts et lisibles.
* **Maintenez le contraste** : utilisez les marques claires sur les fonds clairs et les marques sombres sur les fonds sombres.
* **Ne pas altérer ni déformer** : ne jamais déformer les proportions, modifier les formes de lettres individuelles ou appliquer des ombres portées trop prononcées.