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

# Footer

> Configure footer link columns, social links, logo behavior, and responsive layout.

To replace the entire footer with React, see [Custom layouts](https://www.lettercamp.com/docs/custom-layout.md).
The settings below configure the default footer.

Add a `footer` object with up to four `columns` and an ordered `socials` array:

```json theme={null}
{
  "footer": {
    "socials": [
      {
        "platform": "github",
        "href": "https://github.com/your-org"
      },
      {
        "platform": "x",
        "href": "https://x.com/your-handle"
      },
      {
        "platform": "linkedin",
        "href": "https://www.linkedin.com/company/your-company"
      }
    ],
    "columns": [
      {
        "header": "Product",
        "items": [
          {
            "label": "Lettercamp",
            "href": "https://www.lettercamp.com"
          },
          {
            "label": "Dashboard",
            "href": "https://www.lettercamp.com/"
          }
        ]
      },
      {
        "header": "Resources",
        "items": [
          {
            "label": "Documentation",
            "href": "https://www.lettercamp.com/docs"
          },
          {
            "label": "CLI guide",
            "href": "https://www.lettercamp.com/docs/cli"
          },
          {
            "label": "Quickstart",
            "href": "https://www.lettercamp.com/docs/quickstart"
          },
          {
            "label": "Site settings",
            "href": "https://www.lettercamp.com/docs/configuration"
          }
        ]
      },
      {
        "header": "Community",
        "items": [
          {
            "label": "GitHub",
            "href": "https://github.com/lettercamp"
          },
          {
            "label": "Contact",
            "href": "mailto:support@lettercamp.com"
          }
        ]
      },
      {
        "header": "Legal",
        "items": [
          {
            "label": "Privacy",
            "href": "https://www.lettercamp.com/legal/privacy"
          },
          {
            "label": "Terms",
            "href": "https://www.lettercamp.com/legal/terms-of-service"
          }
        ]
      }
    ]
  }
}
```

| Field | Purpose |
| - | - |
| `footer.columns` | Up to four link columns, displayed in array order. Columns after the fourth are ignored. |
| `footer.columns[].header` | Optional column heading. |
| `footer.columns[].items` | Links in that column, each with a `label` and `href`. |
| `footer.socials` | Ordered array of objects with `platform` and `href`. Each platform appears at most once. |

Use relative paths, HTTPS URLs, or `mailto:` links as destinations. Replace the example profile URLs with your own.

`github`, `x`, `linkedin`, `youtube`, `instagram`, `facebook`, `hacker-news`, and
`website` display monochrome icons with accessible names. `twitter` and `x-twitter`
are aliases for `x`; `earth-americas` is an alias for `website`. Other platform names, including
`bluesky`, `discord`, `slack`, `medium`, `telegram`, `threads`, `reddit`, and `podcast`,
display labeled text links. Omit `footer.socials` or use `[]` to hide social links.

The footer shows your site logo as a home link, using Lettercamp branding when
`logo` is omitted. Set `logo` to `""` to show the site name instead. If you omit
`footer`, the branding remains without link columns or social links.
Your site description is not displayed in the footer. Use fewer columns by removing entries
from `footer.columns`. On desktop, the logo sits beside evenly spaced link columns.
The logo moves above the links on smaller screens, with up to three columns on
tablets and two on phones. Optional social links appear in the bottom row.

Footer text uses the same size as header navigation: 87.5% of
`design.typography.bodyBaseSizePx`, or 14px with the default 16px body size.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.