Rebranding
make it yours.
Most branding is a setting in the admin. Icons, the page themes and the page titles are files you replace or edit.
01From the admin (no code)
| Setting | Where it shows |
|---|---|
| Brand → Product name, tagline | Header of the landing page, Scanner and Terminal. Empty keeps the built-in name. |
| Brand → Accent colour | Replaces the theme accent (#rgb or #rrggbb). |
| Brand → Logo | An http(s) image URL or a data:image URL. |
| Brand → Support email, website | Footer. |
| Legal → Terms, privacy, disclaimer | Footer links and text. |
| Alert bot → username, channel link | Footer link to Telegram. |
Save, then commit and deploy config/public.json (how).
02Files you replace
| File | What it is |
|---|---|
favicon.png | Browser tab icon of the landing page. |
apple-touch-icon.png | Home-screen icon on phones (landing page). |
brand/logo.png | Header mark on the landing page. |
scanner/public/admin.html, terminal/public/admin.html, bot/public/index.html | Public operator notices. They explain that the admin runs on the operator's own computer, show a dated screenshot of the admin and link to the docs; they never link to 127.0.0.1. Point the links at your own documentation if you move it. |
<title> and meta tags in index.html, scanner/public/index.html, terminal/public/index.html, bot/public/index.html | The text in the browser tab and in link previews. |
Keep the same file names and sizes, or update the references in the HTML files.
03Themes and stylesheets
Each page's stylesheet is built from a shared base plus its own theme, so the Scanner and the Terminal do not look alike:
| Source | Used by |
|---|---|
design-system/mikodes-pm.css | Base for all pages. |
design-system/theme-scanner.css | Scanner. |
design-system/theme-terminal.css | Terminal and the bot page. |
After editing, rebuild the public/assets/app.css files:
sh design-system/build.shDo not edit public/assets/app.css directly; the next build overwrites it. The landing page keeps its styles inside index.html.
04Wording rules to keep
The pages say spread, difference in pricing and historical data, describe the product as read-only market data and analytics, and never present a spread as a return or promise earnings. Keep that when you edit text, write your disclaimer or promote your site. Do not use Kalshi's or Polymarket's logos or wordmarks; the pages ship without them.