<table class="compare-table">
  <thead>
    <tr><th>Feature</th><th>IconikAI</th><th>Midjourney</th></tr>
  </thead>
  <tbody>
    <tr>
      <td>Purpose</td>
      <td class="winner-cell">Dedicated app icon generator</td>
      <td>General AI image generator</td>
    </tr>
    <tr>
      <td>Generation Speed</td>
      <td class="winner-cell">Under 10 seconds</td>
      <td>30–90 seconds</td>
    </tr>
    <tr>
      <td>App Store Ready Output</td>
      <td class="winner-cell"><span class="check">95%</span> of outputs</td>
      <td><span class="cross">~30%</span> of outputs</td>
    </tr>
    <tr>
      <td>iOS &amp; Android Exports</td>
      <td class="winner-cell"><span class="check">✓</span> All sizes automatic</td>
      <td><span class="cross">✗</span> Manual resizing needed</td>
    </tr>
    <tr>
      <td>Export Formats</td>
      <td class="winner-cell">PNG, SVG, ICO</td>
      <td>PNG, JPG only</td>
    </tr>
    <tr>
      <td>Prompt Difficulty</td>
      <td class="winner-cell">Simple text + style picker</td>
      <td>Complex prompt engineering</td>
    </tr>
    <tr>
      <td>Free Tier</td>
      <td class="winner-cell"><span class="check">✓</span> Yes</td>
      <td><span class="cross">✗</span> No free tier</td>
    </tr>
    <tr>
      <td>Icon Style Presets</td>
      <td class="winner-cell">20+ curated styles</td>
      <td>None (general styles)</td>
    </tr>
    <tr>
      <td>Background Removal</td>
      <td class="winner-cell"><span class="check">✓</span> Built-in</td>
      <td><span class="cross">✗</span> External tool needed</td>
    </tr>
    <tr>
      <td>1024×1024 Guarantee</td>
      <td class="winner-cell"><span class="check">✓</span> Always</td>
      <td><span class="cross">✗</span> Requires flags</td>
    </tr>
    <tr>
      <td>Commercial License</td>
      <td class="winner-cell"><span class="check">✓</span> Included</td>
      <td>Paid plans only</td>
    </tr>
    <tr>
      <td>Art Quality (general)</td>
      <td>Good for icons</td>
      <td class="winner-cell">Exceptional across styles</td>
    </tr>
  </tbody>
</table>

<div class="scores-grid">
  <div class="score-row">
    <div class="label"><span>Small-Size Readability</span></div>
    <div class="score-bars">
      <div class="score-bar iconikai"><span class="tool-name">IconikAI</span><div class="bar-track"><div class="bar-fill" data-width="95">9.5</div></div></div>
      <div class="score-bar competitor"><span class="tool-name">Midjourney</span><div class="bar-track"><div class="bar-fill" data-width="58">5.8</div></div></div>
    </div>
  </div>
  <div class="score-row">
    <div class="label"><span>Square Composition</span></div>
    <div class="score-bars">
      <div class="score-bar iconikai"><span class="tool-name">IconikAI</span><div class="bar-track"><div class="bar-fill" data-width="93">9.3</div></div></div>
      <div class="score-bar competitor"><span class="tool-name">Midjourney</span><div class="bar-track"><div class="bar-fill" data-width="62">6.2</div></div></div>
    </div>
  </div>
  <div class="score-row">
    <div class="label"><span>Color Vibrancy</span></div>
    <div class="score-bars">
      <div class="score-bar iconikai"><span class="tool-name">IconikAI</span><div class="bar-track"><div class="bar-fill" data-width="91">9.1</div></div></div>
      <div class="score-bar competitor"><span class="tool-name">Midjourney</span><div class="bar-track"><div class="bar-fill" data-width="85">8.5</div></div></div>
    </div>
  </div>
  <div class="score-row">
    <div class="label"><span>Professional Icon Look</span></div>
    <div class="score-bars">
      <div class="score-bar iconikai"><span class="tool-name">IconikAI</span><div class="bar-track"><div class="bar-fill" data-width="94">9.4</div></div></div>
      <div class="score-bar competitor"><span class="tool-name">Midjourney</span><div class="bar-track"><div class="bar-fill" data-width="60">6.0</div></div></div>
    </div>
  </div>
  <div class="score-row">
    <div class="label"><span>Variant Consistency</span></div>
    <div class="score-bars">
      <div class="score-bar iconikai"><span class="tool-name">IconikAI</span><div class="bar-track"><div class="bar-fill" data-width="90">9.0</div></div></div>
      <div class="score-bar competitor"><span class="tool-name">Midjourney</span><div class="bar-track"><div class="bar-fill" data-width="72">7.2</div></div></div>
    </div>
  </div>
</div>

<div class="workflow-compare">
  <div class="workflow-card highlight">
    <h3>IconikAI</h3>
    <div class="time">~60 seconds total</div>
    <ol class="workflow-steps">
      <li>Describe your app in a few words</li>
      <li>Pick a style preset (3D, minimal, gradient...)</li>
      <li>Generate 4 icon variants</li>
      <li>Download complete size pack — done</li>
    </ol>
  </div>
  <div class="workflow-card">
    <h3>Midjourney</h3>
    <div class="time">30–60+ minutes total</div>
    <ol class="workflow-steps">
      <li>Write a detailed prompt with aspect ratio flags</li>
      <li>Wait 30–90s, iterate on prompt 3–5 times</li>
      <li>Upscale your favorite result</li>
      <li>Download and open in Figma or Photoshop</li>
      <li>Crop to square, remove background</li>
      <li>Resize to every required platform size</li>
      <li>Export individual files — done</li>
    </ol>
  </div>
</div>

<div class="pricing-compare">
  <div class="pricing-card featured">
    <h3>IconikAI</h3>
    <div class="price">$5</div>
    <div class="price-note">200 credits · Pay as you go</div>
    <ul>
      <li>No subscription required</li>
      <li>Credits never expire</li>
      <li>Free tier available</li>
      <li>Commercial license included</li>
      <li>All export formats included</li>
    </ul>
  </div>
  <div class="pricing-card">
    <h3>Midjourney</h3>
    <div class="price">$10<span style="font-size: 0.5em; color: var(--gray-400);">/mo</span></div>
    <div class="price-note">Subscription only · Basic plan</div>
    <ul>
      <li>Monthly subscription required</li>
      <li>No free tier</li>
      <li>Commercial license on paid plans</li>
      <li>Limited generations on Basic</li>
      <li>Pro plan $30/mo for more features</li>
    </ul>
  </div>
</div>

<div class="faq-list">
  <div class="faq-item">
    <button class="faq-q">Is IconikAI better than Midjourney for app icons? <span class="arrow">▾</span></button>
    <div class="faq-a">For app icons specifically, yes. IconikAI is purpose-built for app icons and generates production-ready, platform-sized icons in under 10 seconds. Midjourney excels at general AI art but requires significant prompt engineering, manual resizing, and post-processing to produce usable app icons.</div>
  </div>
  <div class="faq-item">
    <button class="faq-q">Can Midjourney create app icons? <span class="arrow">▾</span></button>
    <div class="faq-a">Midjourney can create app icon concepts, but they typically require post-processing: manual resizing to platform specs (1024×1024 for iOS, 512×512 for Android), background removal with an external tool, and format conversion. About 30% of Midjourney outputs are directly usable as app icons versus 95% from IconikAI.</div>
  </div>
  <div class="faq-item">
    <button class="faq-q">What does IconikAI cost compared to Midjourney? <span class="arrow">▾</span></button>
    <div class="faq-a">IconikAI uses pay-as-you-go credit pricing starting at $5 for 200 credits with no subscription. Midjourney requires a monthly subscription starting at $10/month (Basic) with no free tier. For occasional icon generation, IconikAI is significantly more cost-effective.</div>
  </div>
  <div class="faq-item">
    <button class="faq-q">When should I use Midjourney instead? <span class="arrow">▾</span></button>
    <div class="faq-a">Midjourney is the better choice if you need general AI art, marketing illustrations, or concept art beyond app icons. Its artistic range and style quality for general imagery is exceptional. But if your goal is specifically a production-ready app icon, IconikAI is the faster and more reliable option.</div>
  </div>
</div>