Taxo Theme Documentation

Site Identity & Logo

Taxo keeps brand settings in src/config/config.toml, and the shared logo component lives in src/layouts/components/global/Logo.astro.

Brand Settings Inconfig.toml

src/config/config.toml

[site]
  title = "Taxo"
  description = "A modern Astro theme for tax advisors..."
  tagline = "Tax Advisor & Financial Consulting Astro Theme"
  taglineSeparator = ""
  logo = "/images/logo.png"
  logoAlternate = "/images/logo-light.svg"
  logoText = ""
  logoWidth = "130px"
  logoHeight = ""

• title: used for SEO, Open Graph, and fallback branding
• description: shared meta description
• tagline: appended to page titles unless a page disables it
• logo: default logo image
• logoAlternate: second logo image rendered for alternate visual states
• logoText: optional text next to the logo
• logoWidth and logoHeight: rendered dimensions

How Taxo Renders The Logo

src/layouts/components/global/Logo.astro

<OptimizedImage
  src={src ? src : logo}
  class="logo"
  style={{
    height: logoHeight,
    width: logoWidth,
  }}
/>

Taxo also renders logoAlternate as a second image inside the same component, so if you only want one image, leave logoAlternate empty.

Favicon Setup

[site.favicon]
  path = "/images/favicons"
  image = "/images/favicon.png"

Then regenerate favicon assets:

npm run generate-favicons

SEO Basics

[seo]
  author = "Your Company"
  keywords = ["tax advisor", "accounting", "financial consulting"]
  robots = "index, follow"

You can also edit:

• [opengraph] for share previews
• [head] for custom scripts and meta tags

Good First Branding Pass

1. Replace title, description, and tagline
2. Replace logo and logoAlternate
3. Generate favicons
4. Update [seo] and [opengraph]
5. Check src/i18n/en.json so footer and button text match the new brand