AI Brand Style Generation

Creating a cohesive brand style from scratch can be time-consuming. EcomWize's AI brand style generator lets you describe your brand's personality, colors, and mood in plain text, and it produces a complete design system with typography, colors, spacing, buttons, and more.

How It Works

1. Open the Brand Style modal
   

   Navigate to the Brand Styles section from the builder sidebar or your dashboard. Click "Create new brand style" or the AI generation option.

2. Describe your brand
   

   Write a text description of your brand's personality, target audience, and visual preferences. The more detail you provide, the better the result.

3. Generate the style
   

   Click Generate. The AI analyzes your description and produces a complete brand style with all 50+ design properties configured.

4. Review and customize
   

   The generated brand style is fully editable. Review the colors, fonts, spacing, and button styles. Adjust any property that does not match your vision.

5. Apply to your pages
   

   Once you are satisfied, save the brand style and apply it to any of your pages. All sections on the page will automatically inherit the design system.

What Gets Generated

The AI generates a complete brand style covering all design categories:

Typography

• Heading font family and body font family

• Font sizes for desktop and mobile (headings and body text)

• Font weights for headings, body, and buttons

• Text transform settings (uppercase, lowercase, none)

• Text highlight font with weight and style

Colors

• Primary background color and elevated background color

• Primary, secondary, and tertiary brand colors

• Headline and body text colors

• Icon colors and star rating colors

Buttons

• Button background color and hover color

• Button text color and hover text color

• Border width and border color

• Border radius (rounded, pill, square)

• Text transform (uppercase, none)

• Button padding

Layout and Spacing

• Max content width

• Horizontal and vertical padding (desktop and mobile)

• Standard border radius for cards and elements

Writing Effective Descriptions

The quality of your generated brand style depends on the description you provide. Here are examples of effective prompts:

Health and wellness brand

"A premium women's health supplement brand targeting millennials. Clean and minimal aesthetic with soft pink and white tones. Modern sans-serif fonts. Rounded buttons with a friendly, approachable feel. Think Ritual or Care/of."

Bold energy brand

"An energy drink brand for fitness enthusiasts. Bold, high-contrast design with black backgrounds and neon green accents. Thick, heavy fonts. Square buttons with uppercase text. Aggressive and powerful vibe like a pre-workout brand."

Luxury skincare brand

"A luxury Korean skincare brand. Elegant and refined with cream and gold tones. Serif headings paired with clean sans-serif body text. Pill-shaped buttons. Lots of whitespace. Premium and sophisticated like Amorepacific."

Sustainable fashion brand

"An eco-friendly streetwear brand for Gen Z. Earthy tones - forest green, cream, warm brown. Modern geometric sans-serif font. No rounded corners anywhere - sharp, square aesthetic. Minimal and intentional."

Reference real brands in your description. The AI has been trained on hundreds of real brand style examples and understands brand references. Mentioning "like AG1" or "similar to Glossier" gives the AI strong visual direction.

Customizing After Generation

Every property in a generated brand style is fully editable. Common adjustments after generation include:

• Fine-tuning colors - Adjusting hex values to match your exact brand guidelines

• Swapping fonts - Replacing the suggested font with your specific brand font or a custom uploaded font

• Adjusting button styles - Changing border radius, padding, or hover behavior

• Modifying spacing - Increasing or decreasing padding and max width to match your layout preferences

See Creating Brand Styles for the full guide on editing brand style properties.