Customization

Make Ignitra your own product.

Branding

Logo

Replace the logo in src/components/shared/logo.tsx. The current logo is an inline SVG — replace it with your own.

Colors

Update colors in tailwind.config.ts and src/app/globals.css. The main brand colors are defined as CSS variables.

Fonts

Change fonts in src/app/layout.tsx. Ignitra uses Inter by default. Import your font from Google Fonts or load locally.

Favicon

Replace public/favicon.svg with your favicon.

System Prompt

The most important customization — this defines what your AI does.

In .env:

SYSTEM_PROMPT="You are an expert fitness coach. Create personalized workout plans, answer nutrition questions, and motivate users to reach their fitness goals."

Tips for great system prompts:

• Be specific about the AI's role and expertise
• Define what it should and shouldn't do
• Include formatting preferences
• Add domain-specific knowledge or rules

Landing Page

Edit the marketing page at src/app/(marketing)/page.tsx. Each section is a separate component in src/components/marketing/ (or src/components/landing/ depending on your structure). Change text, images, pricing, and feature descriptions.

Plan Configuration

Edit src/config/plans.ts to define your pricing tiers, features, token limits, and Stripe price IDs.