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

# Brand kit

> Official Attlas brand assets, logos, color palette, typography, and company statements.

Welcome to the Attlas Brand Kit. Here you will find our official brand assets, logos, colors, typography, and company descriptions. Every asset can be previewed and downloaded directly.

For press inquiries, interviews, or custom assets, contact [hello@attlas.so](mailto:hello@attlas.so).

***

## Company overview

Use these approved statements and descriptions when writing about or featuring Attlas.

### Quick facts

| Detail       | Information                                                                                                     |
| :----------- | :-------------------------------------------------------------------------------------------------------------- |
| **Founded**  | 2025                                                                                                            |
| **Founders** | [Yann Yimo](https://www.linkedin.com/in/yannyimo/), [Camila Seixas](https://www.linkedin.com/in/icamilaseixas/) |
| **Category** | Conversational AI, Knowledge Management, Lead Generation, Customer Interaction                                  |
| **Website**  | [attlas.so](https://attlas.so)                                                                                  |
| **Contact**  | [hello@attlas.so](mailto:hello@attlas.so)                                                                       |

### Taglines

* *One chat, everything your visitors need.*
* *Your data, now worldwide conversational.*
* *Add your content once. It answers, books meetings, and captures leads in any language.*

### Short description

Attlas turns your knowledge and online presence into an interactive conversational AI chat. Add your links, documents, videos, and notes once: Attlas answers visitor questions with zero hallucinations, books calendar appointments, captures qualified leads, and brings you into the loop when needed.

### Boilerplate description

Attlas is a conversational platform that transforms how creators, businesses, and teams share knowledge and interact with their audience. By turning scattered content (websites, documents, media, and workspaces) into an intelligent conversational assistant, Attlas enables visitors to get instant, accurate answers in over 80 languages, book appointments in real time, and take action immediately. Built with radical simplicity, Attlas delivers a shareable, embeddable conversational experience with zero technical overhead and complete control over what is said.

***

## Color palette

Click on any color swatch to copy its hex value.

### Foreground & accent

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

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

### Background & surface

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

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

### Dia palette

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

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

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

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

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

***

## Typography

Our typography system balances character and legibility across all surfaces.

<Columns cols={3}>
  <Card title="Pangea" icon="heading">
    Headings and display titles
  </Card>

  <Card title="Geist Sans" icon="type">
    Body copy and interface text
  </Card>

  <Card title="Geist Mono" icon="code">
    Code snippets and numeric data
  </Card>
</Columns>

***

## Profile avatars

High-resolution portraits and avatars for press mentions and team co-marketing.

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

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

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

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

***

## Logotypes

Our logotype combines the Attlas mark with our typography. Use the square badge for standard layouts and the circle badge for circular placements.

### Square logotype

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

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

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

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

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

### Circle logotype

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

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

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

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

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

***

## Symbols

The Attlas symbol is our standalone mark for app icons, favicons, and social profiles.

### Square symbol

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

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

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

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

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

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

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

### Circle symbol

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

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

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

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

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

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

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

***

## Wordmarks

Our standalone typographic wordmark.

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

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

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

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

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

***

## Brand rules

To maintain brand consistency across all mediums, follow these principles:

* **Provide clearspace**: Maintain generous padding around all marks so they remain distinct and legible.
* **Maintain contrast**: Use the light marks on light backgrounds and the dark marks on dark backgrounds.
* **Do not alter or stretch**: Never distort aspect ratios, change individual letterforms, or apply harsh drop shadows.