Brand Guidelines Generator

Brand Overview

Color Palette Builder

HEX: #2563eb
RGB: rgb(37, 99, 235)
Tints & Shades:
HEX: #7c3aed
RGB: rgb(124, 58, 237)
Tints & Shades:
HEX: #f59e0b
RGB: rgb(245, 158, 11)
Tints & Shades:
HEX: #6b7280
RGB: rgb(107, 114, 128)
Tints & Shades:

Brand Palette Preview

Your color combination creates a cohesive brand experience across all touchpoints.

Typography

Heading 1 (H1)

Heading 2 (H2)

Heading 3 (H3)

Heading 4 (H4)

Heading 5 (H5)
Heading 6 (H6)

Body text: This is a paragraph demonstrating your brand's body font. It should be highly readable across all devices and sizes, ensuring consistent messaging and excellent user experience.

Small text: This is smaller text for captions, metadata, and supplementary information.

Logo Usage

Drag & drop your logo here or click to upload

Clear Space Guidelines

Maintain at least 60px of clear space around the logo on all sides to preserve brand recognition and visual clarity.

Do's & Don'ts

Do

Use consistent spacing
Maintain aspect ratio
Use on brand colors

Don't

Rotate or distort
Apply effects or gradients
Reduce below minimum size

Minimum Size: Logo should not be displayed smaller than 100px in width on digital media or 0.5 inches in print.

Voice & Tone

Brand Personality Sliders

Voice Characteristics

We Are...
We Aren't...
Brand Values

Sample Copy

Before: Generic product description text.

After: Compelling, brand-voice aligned product description that resonates with your target audience.

Before: Standard customer support message.

After: Warm, personal support message reflecting your brand's commitment to customer success.

Imagery Style

Image Placeholders

Minimal Photography
Minimal Color Palette
Outline Icons
Outline Components

Component Library Preview

Live preview of your brand applied to common UI components:

Primary Button
Secondary Button
Card
Card Title

Card content goes here

Form Input
Badge
New
Alert
This is an alert message

Brand Guidelines Generator • Create comprehensive brand standards with ease