Branding

Customize logos, brand name, and identity.

Brand name

Set your brand name in config/site.config.ts:

export const siteConfig = {
  name: "My Directory",
  tagline: "Discover the best tools",
}

This is used in the header, footer, SEO metadata, email templates, and throughout the UI.

Replace the logo files in public/assets/:

  • logo.svg — Main logo (used in header)
  • logo-white.svg — Light variant for dark backgrounds
  • og-image.png — Open Graph image for social sharing

Favicon

Replace files in public/assets/favicon/ and update public/site.webmanifest.

Configure social media links in config/site.config.ts:

social: {
  twitter: "https://twitter.com/yourbrand",
  github: "https://github.com/yourbrand",
}

SEO

Update SEO metadata in config/site.config.ts:

keywords: ["your", "seo", "keywords"],

The root layout (app/layout.tsx) generates structured data (Organization and WebSite schema) from these config values.