White label
your name, your colour, your domain.
Kinetica runs under your brand. Most of it is set in the console without touching code: name, logo, accent colour, legal links, watermark, e-mail sender and domain. This page lists what each setting changes, and what is in code.
01Brand settings in the console
Console, Settings, Brand (and the first steps of Get started):
| Setting | Where it shows |
|---|---|
| Product name | The studio's sidebar and sign-in screen, the browser tab, share pages, client review pages, the console's header. Empty uses "Kinetica" (src/server/app.ts). |
| Accent colour | Buttons, highlights and links in the studio (text on it switches between black and white for contrast), share and review pages, and the favicon |
| Logo | The studio's sidebar and sign-in screen. Without a logo the first letter of the product name is shown. |
| Support email | The studio's Plan and credits page |
| App title in the browser tab | Overrides the product name in the browser tab |
| Headline on the home screen | The big question on the studio's Home page. Default "What should we make today?" |
| Tagline, Website | Saved and published with the brand; the studio 1.0.0 does not show them on a page |
The browser icon (/favicon.ico) is generated from the first letter of the product name in the accent colour, so it follows your brand without a file.
02Legal links
Console, Settings, Legal: terms of service URL and privacy policy URL. When set, the studio's sign-in and sign-up screens link to them. Kinetica never writes these documents for you: you publish your own terms and privacy policy and link them here. The "Disclaimer" field is saved but not shown by the studio 1.0.0.
03Watermark
Console, Settings, Rendering, "Watermark on plans that keep it", for example Made with YourBrand. It is drawn on renders of every plan that does not have "No watermark" ticked. Empty means no watermark on any plan.
04What customers can choose
Console, Settings, Studio limits the menu to what you want to offer: niches (17), looks (18), the default look, default caption style, default format, languages and the longest video. Settings, Voice, "Voices users can pick" limits the voice list. Plans decide the rest (Plans).
The console's Music library holds the tracks people can put under their videos (upload only music you own or hold a licence for), and Templates holds the starting points every workspace sees (Operator console).
05Domain and e-mail
- Domain: run the studio on your own domain or subdomain, set
PUBLIC_URLto it (Deployment). - E-mail sender: Settings, E-mail, "Sender", on a domain you verified in Resend, for example
Studio <hello@your-agency.com>.
06Changes in code
For deeper changes you edit the source and rebuild with npm run build (or rebuild the Docker image). Keep a list of your changes: you will merge them again when you update (Updating).
| What | File |
|---|---|
| Studio fallback colours (dark and light theme), fonts of the interface | web/src/styles.css (the default accent is --accent: #7c6cff; the console's Accent colour overrides it at run time) |
| The page title before the brand loads | web/index.html (<title>Video studio</title>) |
| Starter examples in the guided flow | web/src/pages/starters.ts |
| Niches, looks and caption styles | packages/core/src/niches.ts, themes.ts, storyboard.ts |
| The console's own accent | ACCENT in src/server/admin/manifest.ts |
The project has no "bundle ID" or app-store identity: it is a web application on your domain.