● Set up · Your brand

Customization.
Name, colour, logo and type.

Most branding is live in the console: the apps and the web player read the name and the accent colour at start. App identity (bundle id, store name, icon) and the design tokens are changed in code.

Brand in the consoleAccent at run timeCinema Noir tokensInter + Instrument Serif

01Brand in the console

Console → Brand: product name, tagline, accent colour, logo and support e-mail. The app, the web player and the studio read them at start, so no rebuild is needed. The web player picks dark or light text on the accent automatically for contrast.

02App identity

Bundle id, package name, the name under the icon and the icons are in the app's platform files: see App setup → Bundle id and App icon. The web page title is in web/index.html (<title> and the description meta tag), and the icons in web/public/ (favicon-64.png, reelora-180.png; keep the file names or update web/index.html).

When the console has no brand name yet, the app falls back to the name written in app/lib/core/models.dart (brandName). Code identifiers such as ReeloraApp, the database file reelora.sqlite and the RL_ prefix of environment variables are internal names; viewers never see them and you do not need to rename them.

03Design tokens

The design system ("Cinema Noir") uses the same tokens in three places. Change them there, then rebuild:

Part	File
Flutter app	`app/lib/theme/tokens.dart`, `app/lib/theme/theme.dart`
Web player	`web/src/styles/tokens.css`
Studio	`server/studio/css/`

Token	Value	Use
`bg`	`#0B0A09`	Page background
`surface` / `surface2`	`#15120F` / `#1E1A16`	Cards, sheets, inputs
`text` / `muted`	`#F6EFE6` / `#A89C8C`	Text
`accent`	`#E0A23C` (overridden by Console → Brand → Accent colour)	Primary buttons, progress, focus
`danger` / `success`	`#E5484D` / `#3DD68C`	Errors, done

The full list (coin and VIP gradients, radii, spacing, motion) is in docs/DESIGN.md.

04Fonts

Titles use Instrument Serif, the interface uses Inter (both SIL Open Font License 1.1). The font files are bundled, so nothing is loaded from a font service:

App: app/assets/fonts/, declared in app/pubspec.yaml under fonts: (families Inter and InstrumentSerif).
Web player: web/public/fonts/, referenced from the CSS in web/src/styles/.
Studio: server/studio/fonts/. Console product pages: server/pages/fonts/ (Geist).

To change a font, put your files in those folders, update the declarations and keep the font's licence file next to it.

05Content and copy

Store texts, mission names, collections, the content notice and legal links are data you edit in the console, not code. Interface wording is in the language files (Languages).