Skip to content
View raw ↗

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.

FieldUsed for
App namePage titles, emails, the app shell
Logo & iconHeader, favicon, login screens
Primary colorAccent color across the built-in UI
Business name, tagline, descriptionMarketing surfaces, metadata, emails
Contact emailsSupport links and transactional email (label + address)
Social linksFooter and profile links (label + URL)
Other linksAnything 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 tokens

Reference

Built with Foundation