AI Logo Generator Guide

What is AI Logo Generator?

AI Logo Generator is an AI-powered logo and brand visual creation platform that lets you generate high-quality logos, brand visuals, and marketing materials from text descriptions or images. No design experience required — just describe what you want and let AI do the work.

Tech Stack

• AI Models: State-of-the-art generative AI for logo and image creation (z-image)
• Framework: Next.js App Router with TypeScript
• Auth: Better Auth (GitHub + Google OAuth, email/password)
• Database: PostgreSQL with Drizzle ORM
• Payments: Stripe (subscriptions, one-time purchases, credit packages)
• UI: Tailwind CSS + Radix UI + Lucide icons
• i18n: next-intl (English + Chinese)
• Email: Resend with React Email templates
• Content: Fumadocs for documentation, MDX for blog

Quick Start

Prerequisites

• Node.js 18+
• pnpm (recommended)
• PostgreSQL database

Installation

git clone https://github.com/zhangst23/ai-brand-kit.git
cd ai-brand-kit
pnpm install

Environment Setup

Copy the example environment file and fill in your values:

cp env.example .env.local

Key environment variables:

# Database
DATABASE_URL=postgresql://user:password@localhost:5432/ai-brand-kit

# Auth
BETTER_AUTH_SECRET=your-secret-key
GITHUB_CLIENT_ID=your-github-client-id
GITHUB_CLIENT_SECRET=your-github-client-secret
GOOGLE_CLIENT_ID=your-google-client-id
GOOGLE_CLIENT_SECRET=your-google-client-secret

# Stripe
STRIPE_SECRET_KEY=sk_test_...
STRIPE_WEBHOOK_SECRET=whsec_...

# Email
RESEND_API_KEY=re_...

# AI (Kie API for image generation)
KIE_API_KEY=your-kie-api-key
NEXT_PUBLIC_KIE_MODEL=z-image

# Storage (Cloudflare R2)
STORAGE_BUCKET_NAME=your-bucket-name
STORAGE_ACCESS_KEY_ID=your-access-key
STORAGE_SECRET_ACCESS_KEY=your-secret-key
STORAGE_ENDPOINT=your-r2-endpoint
STORAGE_PUBLIC_URL=your-public-url

Database Setup

Generate and run migrations:

pnpm db:generate
pnpm db:migrate

Start Development

pnpm dev

Visit http://localhost:3000 to see your app.

Key Features

AI Logo Generation

Generate logos from text or images:

• Text to Logo: Describe any logo in natural language
• Image to Logo: Upload reference images to create polished logos
• Smart Layouts: Automatically optimized for every platform and size
• Brand-consistent Styles: Generate logos that match your brand identity

Multi-format Export

Export your creations in any format:

• PNG — High-quality with transparency support
• JPG — Optimized for web and email
• WebP — Modern format with better compression
• SVG — Scalable vector graphics for print

Use Cases

Logos for every platform and purpose:

• Social Media — Perfectly sized for Facebook, Instagram, Twitter/X, LinkedIn
• Website Headers — Hero logos and header images
• Email Campaigns — Eye-catching email headers and promotional logos
• Digital Ads — Display ads in all standard sizes
• YouTube — Thumbnails and channel logos
• Blog & Content — Featured images and post logos

Credit System

Flexible usage-based billing:

• Monthly credit refresh for subscribers
• Registration bonus credits
• Credit packages for additional generations
• Usage tracking with transaction history

API Integration

AI Brand Kit provides a REST API for programmatic logo generation:

# Generate a logo from text
POST /api/v1/generate
{
  "prompt": "A modern minimalist logo for a tech startup",
  "aspect_ratio": "1:1",
  "style": "professional"
}

API keys can be managed from your dashboard under Settings → API Keys.

Common Tasks

Adding a New Page

1. Create a new file in src/app/[locale]/(marketing)/
2. Add the route to src/routes.ts
3. Add navigation links in src/config/navbar-config.tsx

Deploying to Production

pnpm build

The app is ready for deployment on Vercel, Docker, or any Node.js hosting platform.

Learn More

• AI Brand Kit Homepage — Try the AI Logo Generator
• Pricing — Choose the plan that fits your needs