Branding¶

The branding block in app/settings.ts sets your app's identity — its title, logo, and the namespace its saved data lives under. Colors live separately in app/theme.ts — see Theme.

branding: {
  title: 'My App',
  appId: 'my-app',
  logo: '/logo.svg',
}

Fields¶

Field	Type	Default	Description
`title`	`string`	— (required)	App name, shown in the top bar
`logo`	`string`	—	Path to a logo shown in the top bar. Drop a file in `app/public/` and reference it (e.g. `/logo.svg`)
`appId`	`string`	slug of `title`	Stable id prefixed onto every localStorage key the app writes (bookmarks, drawings, measure prefs, info-dismiss). Set a distinct `appId` per app when several are served from one origin so their saved state doesn't collide

Logo & favicon¶

The demo uses an SVG containing the ⛰️ emoji for both the top-bar logo (app/public/logo.svg) and the favicon (app/public/favicon.svg). To use your own, drop an image in app/public/ and point branding.logo at it. The logo is shown as-is (it isn't recolored by the theme), so pick one that reads on your theme's top bar.