Skip to main content
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:
“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.”
“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.”
“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.”
“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 understands brand references and can create styles inspired by them. Mentioning “like AG1” or “similar to Glossier” gives the AI strong visual direction.

​
Real Brand Examples for Inspiration

The AI has been trained with 12+ real brand style examples to understand different design aesthetics. Some of the reference brands include:
BrandStyleKey Characteristics
RitualVitamins, CleanNavy blue + yellow, pill buttons, medium weight sans-serif
AG1Premium HealthDark green + neon green, pill buttons, clean DM Sans font
MUD\WTRCoffee AlternativeBlack + earthy red, square buttons, bold Chivo font
O PositivWomen’s HealthSoft pink + white, rounded buttons, friendly Poppins font
Ketone-IQPerformanceRed + white, rounded buttons, tight Inter font
Verb EnergyBold EnergyForest green + lime, square bordered buttons, heavy weight
Krave BeautyK-BeautyFluorescent yellow + blue, pill buttons, elegant serif headings
ICON AmsterdamFashionBlack + white, square buttons, uppercase, minimal
These are reference examples only. The AI uses them to understand design patterns and aesthetics, not to copy them directly. Your generated style will be unique to your description.

​
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.