Customise

Branding

Name, logo, colour, and theme. Most of this is config.ts plus two assets.

Start in config.ts. Then replace the logo file. Then, if you want a different orange, change the CSS token.

Name and domain

appName and domainName in config.ts. Header, footer, metadata, and emails follow.

Logo

Header and footer load this path:

text

/logos/logo-launchkit.svg

Replace public/logos/logo-launchkit.svg with your mark, or change that path in components/layout/Header.tsx and components/layout/Footer.tsx. Favicon and share images live next to the app router:

app/icon.png
app/apple-icon.png
app/opengraph-image.png
app/twitter-image.png

Colour and theme

What	Where
Default theme	`config.colors.theme` — `dark` or `light`
Browser chrome / progress bar	`config.colors.main` — HEX
Buttons, links, accents	`--color-primary` in `app/globals.css`

Both [data-theme="dark"] and [data-theme="light"] set --color-primary: #ff4f01. Change that value (and config.colors.main) together.

The header theme toggle already switches light and dark. DaisyUI is registered with those two themes only. Do not add a third unless you know you need it.

Page width

config.layout.column is 5xl, 6xl, or 7xl. Header, footer, and marketing sections share it.