# Branding

Your app's identity — name, logo, colors, and the details that make it yours. Set it once here, and
Foundation uses it to style your app and hands it to your frontend so everything stays consistent.

## Configure

Branding is the single source of truth for who your app is. Set it in the dashboard, the wizard, or by
telling your agent.

| Field | Used for |
|---|---|
| **App name** | Page titles, emails, the app shell |
| **Logo & icon** | Header, favicon, login screens |
| **Primary color** | Accent color across the built-in UI |
| **Business name, tagline, description** | Marketing surfaces, metadata, emails |
| **Contact emails** | Support links and transactional email (label + address) |
| **Social links** | Footer and profile links (label + URL) |
| **Other links** | Anything else you want surfaced (label + URL) |

Set these once. Foundation styles the built-in UI with them, and your own frontend reads the same
values — so your name and colors live in one place, not scattered through your code.

## Use in your app

Your frontend reads branding from config instead of hard-coding it.

**Tell your agent:** "Use the app's name, logo, and primary color from Foundation config in the header
and the page title."

```ts
const app = foundation.config.app     // name, logo, icon, and the business details you set
const theme = foundation.config.theme // primary color and theme tokens
```

## Reference

- SDK: `foundation.config.app`, `foundation.config.theme` — see the
  [SDK reference](/api/sdk)
- [Billing & Plans](/platform/billing) · [Authentication](/platform/auth)