Appearance
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."
Show the code
ts
const app = foundation.config.app // name, logo, icon, and the business details you set
const theme = foundation.config.theme // primary color and theme tokensReference
- SDK:
foundation.config.app,foundation.config.theme— see the SDK reference - Billing & Plans · Authentication