Response Details (ID: 198 - UIGEN-X-32B-0727)

Text Before HTML:

We are building a campaign builder for a marketing automation tool. The design should be modern and professional, with a focus on usability and aesthetics.

Key features to include:
- Email workflows (drag-and-drop or step-by-step builder)
- Lead scoring configuration
- Other automation features (like triggers, conditions, etc.)

We'll use a color scheme that is professional and suitable for a business tool. Let's choose:
- Primary: A deep blue for trust and professionalism (#2563eb)
- Secondary: A complementary color for accents (like a teal #0d9488)
- Background: Light gray for the main background (#f3f4f6)
- Text: Dark gray for primary text (#1f2937) and medium gray for secondary (#6b7280)

We'll structure the page into sections:
1. Header with navigation
2. Hero section introducing the campaign builder
3. Features section (email workflows, lead scoring, etc.)
4. How it works (steps to create a campaign)
5. Testimonials
6. Pricing (if applicable)
7. Footer

We'll use Tailwind CSS for styling and include the necessary scripts.

Note: We are not using the provided template's exact structure but taking inspiration from its layout complexity and design quality.

Let's start by setting up the HTML structure with Tailwind.


# Marketing Automation Campaign Builder UI

I'll create a modern, professional UI for a marketing automation campaign builder with email workflows, lead scoring, and automation features. The design will be clean, intuitive, and focused on usability.

Generated HTML Page:

Text After HTML:

This marketing automation campaign builder UI includes:

1. **Modern Dashboard Layout** - Clean header with navigation and user profile
2. **Campaign Management** - Cards showing existing campaigns with status indicators
3. **Drag-and-Drop Workflow Builder** - Intuitive interface for creating email workflows
4. **Component Library** - Sidebar with triggers, actions, and integrations
5. **Step Configuration** - Detailed properties panel for customizing each step
6. **Lead Scoring System** - Visual configuration for lead scoring rules
7. **Responsive Design** - Works on desktop and tablet devices

The design uses a professional blue and teal color scheme with clean typography and ample white space. The interface is organized into distinct sections for different aspects of campaign creation and management, making it easy for users to navigate and build complex marketing automations.