Skip to Content
Dashblocks

Branding

Rename and restyle an install from one file.

Everything that identifies an install lives in the brand folder at the root of the repository.

  1. Edit brand/brand.config.ts: the name, tagline, description, default accent colour and links.
  2. Replace the files in brand/assets. Keep each light and dark pair: "dark" files have dark ink for light backgrounds, "light" files are for dark backgrounds.
  3. Rebuild. The app, docs and marketing site copy the assets into their public/logo folder before every build, and emails, the MCP server and the workers read the name from the same config.
brand/brand.config.ts
export const brand = {
  name: "Dashblocks",
  tagline: "Every tool you use, block by block.",
  description: "Revenue, code, tasks and links for every app you run.",
  accent: "#4D6BFE",
  // ...
};

The accent is only the default. People can still pick their own colour in Settings.

Email clients often block SVG, so the email header uses assets.emailWordmark, a PNG. Export a light version of your wordmark at 2x for it.