#brandkit-generator

platformWebaiClaude Sonnet 4.5frameworkNext.js 16outputPDF · HTML · Next.js projectauthinvite-only

Generate comprehensive, beautiful brand kits from any company name and website URL. BrandKit Generator turns a company name and existing site into a complete, interactive brand identity kit using Claude — full color system, typography pairings, UI components, signature design treatments, dark mode, and accent options, all rendered on a shareable page you can chat with, mock up, and export.

↗Open BrandKit Generator

###What it does

Drop in a company name and website. Claude reads what's there, infers the brand direction, and generates a full design system rendered on an interactive page — colors, type, components, signature treatments, and live mockups. Don't like something? Chat with the kit to refine it. Then export to PDF, static HTML, or a downloadable Next.js project.

###Features

Color system — primary, accent, and neutral scales (50–900) plus semantic colors
Typography pairings sourced from Google Fonts with full type specimens
Component tokens — buttons, links, badges, cards, shadows, border radius
Signature Brand Elements: 3 unique, company-specific design treatments with live demos
Dark-mode preview and four accent-color hero mockups
AI Brand Kit Chat to iteratively refine the generated kit
AI-generated website mockups based on the kit
Export as PDF, static HTML, or a downloadable Next.js project; public Gallery and shareable URLs

##Tech stack#

Framework	Next.js 16, Tailwind v4, ShadCN UI
AI	Anthropic SDK (Claude Sonnet 4.5)
Storage	better-sqlite3
Export	html2canvas-pro + jsPDF
Access	Invite-only behind auth.madebyjames.app