SPUNK.CODES

Brand Kit Generator

Generate a complete brand kit with logo specs, color palette, typography guidelines, and usage rules. Export as a shareable HTML brand guidelines document.

100% Free Tool

1 Brand Identity

2 Color Palette

Define your brand colors. Click each swatch to change.

Primary
Dark
Accent
Light
Neutral

3 Typography

4 Voice & Tone

5 Usage Guidelines

Upgrade to Pro for More Features

PDF export, Figma token generation, social media templates, brand asset library, dark/light mode variants, and team collaboration.

Get Pro Tools

Free Tools for Creators

Get new artist tools and tips every week.

More Free Creator Tools

Font ShowcaseColor StoriesCreative BriefGallery BuilderArt Pricing
Copied!
`; document.getElementById('previewSection').style.display='block'; document.getElementById('previewFrame').srcdoc=generatedHTML; showToast('Brand kit generated!'); gtag('event','generate_brand_kit',{event_category:'tool_use'}); } function copyKit(){if(!generatedHTML){showToast('Generate first');return}navigator.clipboard.writeText(generatedHTML);showToast('HTML copied!')} function downloadKit(){if(!generatedHTML){showToast('Generate first');return}const blob=new Blob([generatedHTML],{type:'text/html'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='brand-kit.html';a.click();URL.revokeObjectURL(a.href);gtag('event','download_brand_kit',{event_category:'tool_use'})}