# Brand and navigation

> Keep the Houvast identity, product links, navigation and generated social images aligned.

## Houvast identity

`src/config/site.ts` is the source of truth for the product name, company details, URLs and SEO defaults. The visual identity uses aubergine, clay, sage and warm paper. Copy should be calm and practical, with a clear distinction between general guidance and advice for a specific case.

The H-shaped anchor mark appears in `Logo.astro`, both favicons and `scripts/generate-og.mjs`. Change all of them together. The Open Graph script runs as part of the production build.

## Navigation

Header and footer links live in `src/config/navigation.ts`. Product links should use `siteConfig.links` rather than repeating URLs in components. Keep the main navigation focused on the Houvast product experience.

## Checklist

- [ ] Update product facts and URLs in `src/config/site.ts`.
- [ ] Update header and footer links in `src/config/navigation.ts`.
- [ ] Keep the logo, favicons and Open Graph mark aligned.
- [ ] Run `pnpm build` and inspect the home page and generated `public/og-image.png`.