Show customers a familiar brand by tailoring Stack Dyno’s theme tokens and assets.

Logo + favicon

• Swap /website/public/img/stack_dyno_logo.png with your SVG or PNG (keep the dimensions similar).
• Update /website/public/favicon.svg for browser tabs.
• Keep transparent backgrounds so the glassmorphism cards still look polished.

Chakra theme tokens

Edit website/src/theme.ts to point to your palette:

const colors = {
  brand: {
    50: '#e7f3ff',
    500: '#0d66ff',
    700: '#003f9e',
  },
};

Stick with a single brand color plus neutral grays—overloading the palette reduces scannability.

Fonts

• Update fonts.heading and fonts.body with any Google Fonts pair.
• Remember to include the corresponding <link rel="preconnect"...> tags in index.html.
• Test on mobile; some condensed fonts render poorly on smaller cards.

Dark mode?

Stack Dyno ships light-mode only, but Chakra makes a toggle easy:

1. Enable useSystemColorMode in theme.ts.
2. Add a color mode switch to SiteHeader.
3. Mirror backgrounds in styles.css for gradients and hero sections.

Document every tweak inside /docs/custom-branding so marketing and engineering stay aligned.

---