# Design Audit and Color Scheme Improvement Prompt

*Note: This template is freely reusable with attribution to Jenny Ouyang at buildtolaunch.ai*

## DESIGN AUDIT REQUEST

Perform a comprehensive design audit of the current website and improve the color scheme and overall visual design based on the aesthetic and branding of these reference sites:

**Reference Sites for Inspiration**:
1. **[your-current-domain.com]** - Your current brand positioning and content style
2. **[reference-site.com]** - Modern professional aesthetic that aligns with your industry

## BRAND ALIGNMENT GOALS

**Your Brand Identity**:
- [Your professional positioning - e.g., "Expert who bridges technical and business worlds"]
- Focus on [your core value proposition - e.g., "practical solutions and execution"]
- Professional but approachable and modern
- Emphasizes [your key differentiator - e.g., "results over theory"]
- Target audience: [Your ideal clients - e.g., "Founders, product managers, technical leaders"]

**Design Aesthetic to Achieve**:
- Clean, modern, and professional
- Tech-forward but not intimidating to non-tech audiences
- Sophisticated color palette that conveys expertise
- Visual hierarchy that guides users toward consultation bookings
- Mobile-first responsive design
- Fast, performant, accessible

## SPECIFIC AUDIT AREAS

### 1. COLOR SCHEME ANALYSIS
**Current Assessment Needed**:
- Evaluate current color palette effectiveness
- Assess contrast ratios and accessibility 
- Check color harmony and professional appearance
- Analyze how colors support conversion goals

**Color Improvement Requirements**:
- Create a sophisticated, modern palette
- Ensure accessibility (WCAG AA compliance)
- Colors should convey trust, expertise, and innovation
- Support both light and dark mode
- Guide users visually toward CTAs (consultation booking)

### 2. VISUAL HIERARCHY REVIEW
**Analyze and Improve**:
- Homepage information flow and scanning patterns
- CTA button prominence and placement
- Typography scale and readability
- Section spacing and visual breathing room
- Content prioritization and emphasis

### 3. COMPONENT DESIGN AUDIT
**Review Each Section**:
- Hero section impact and clarity
- Service offerings presentation
- Blog post card design
- Navigation usability
- Footer design and content
- Form design and user experience

### 4. BRAND CONSISTENCY CHECK
**Alignment with References**:
- Professional credibility (like [your-current-domain.com] positioning)
- Modern industry aesthetic (like [reference-site.com] clean design)
- Clear value proposition presentation
- Trust indicators and social proof placement

## IMPLEMENTATION REQUIREMENTS

### Color Palette Specification
Create a complete color system with:
- Primary colors (2-3 maximum)
- Secondary/accent colors
- Neutral grays for text and backgrounds
- Success, warning, error states
- Light and dark mode variations

### Typography Improvements
- Ensure font choices support professional brand
- Proper heading hierarchy (H1-H6)
- Readable body text sizing
- Appropriate line spacing and paragraph spacing

### Layout Enhancements
- Improve visual flow and user journey
- Optimize for conversion (booking consultations)
- Ensure mobile responsiveness
- Maintain fast loading performance

## CONSTRAINTS AND REQUIREMENTS

### DO NOT:
- Change the fundamental site structure or navigation
- Modify existing functionality or break working features
- Add new components or sections not currently present
- Change content or copy (focus on visual design only)
- Overwhelm with too many colors or design elements

### DO:
- Improve existing color scheme thoughtfully
- Enhance visual hierarchy and readability
- Make CTAs more prominent and effective
- Ensure professional, trustworthy appearance
- Maintain or improve site performance
- Keep changes focused on visual improvements

### SPECIFIC DELIVERABLES NEEDED:
1. **Color Palette Documentation**: Exact hex codes and usage guidelines
2. **Before/After Visual Comparison**: Key improvements made
3. **Accessibility Verification**: Confirm WCAG compliance
4. **Mobile Responsiveness Check**: Ensure design works on all devices
5. **Performance Impact**: Confirm no performance degradation

## SUCCESS CRITERIA

**Design Audit is successful when**:
✅ [Primary color] scheme feels modern, innovative, and professionally trustworthy  
✅ Color palette differentiates from typical generic business sites while maintaining credibility
✅ [Secondary color] accents effectively highlight your core value proposition concepts
✅ Visual hierarchy guides users effectively toward your primary conversion goals  
✅ Design aligns with your brand positioning and target audience  
✅ [Primary color] conveys innovation and expertise without sacrificing professional appearance
✅ All accessibility standards are met with proper contrast ratios
✅ Mobile experience is excellent with consistent color application  
✅ Loading performance is maintained or improved  
✅ Overall aesthetic feels sophisticated and memorable  

## PROCESS REQUIREMENTS

**Before Making Changes**:
1. Document current color palette and design elements
2. Identify specific areas needing improvement
3. Propose new color scheme with rationale
4. Get approval before implementing changes

**During Implementation**:
- Make changes systematically (colors first, then spacing/typography)
- Test on multiple screen sizes continuously
- Verify accessibility at each step

**After Completion**:
- Provide documentation of changes made
- Confirm all pages still function correctly
- Verify mobile responsiveness across all pages

---

**QUESTION FOR YOU**: Should I focus primarily on color scheme improvements, or do you also want broader visual design enhancements (spacing, typography, layout) as part of this audit?

Please review the current site and provide your analysis and improvement plan before making any changes.

*Credit: Jenny Ouyang, buildtolaunch.ai*