● Set up · Your brand
Rebranding
name, colour, logo, copy.
Most of the brand is a setting: change it in the admin and it applies at once. A few strings are written into the HTML files (page title, social preview, favicon); change those once in the code and rebuild.
01In the admin (no rebuild)
| What | Where | Applies to |
|---|---|---|
| Product name, tagline | Brand | Desk top bar, landing page, admin |
| Accent colour | Brand | Desk and landing (the colour is swapped at runtime), admin |
| Logo | Brand (upload, up to 150 kB) | Desk and landing |
| Support email and link | Brand | Landing footer |
| Risk notice | Legal | Footer of desk and landing |
| Headline, sub-headline, button label, FAQ, operator section | Landing page | Landing |
| Ticker strip, default market | Markets | Landing and desk |
02In the code (rebuild)
| File | What to change |
|---|---|
index.html | <title>, og:title, og:description, twitter:title, the favicon (an inline SVG in <link rel="icon">) and the product name written in the page before settings load. |
app.html | <title>, favicon, the name in id="brand". |
src/design/tokens.css | The default accent (--accent, --accent-pressed, --accent-soft) shown before settings load, plus the rest of the colour tokens. |
src/shared/settings.ts | Defaults for a fresh install: brand name, tagline, accent, landing copy, FAQ, risk notice. |
package.json | name and description (internal only). |
pnpm build # after changing any of the files aboveKeep the chart attribution
The TradingView logo on the chart is required by the Lightweight Charts licence. Leave it on (Credits).
03Domain and language
- Domain: the pages use relative addresses, so any domain works. Point it at your host (Deployment).
- Language: the interface is English, with strings in the TypeScript files under
src/ui/andsrc/landing/. There is no translation system; translating means editing those strings.