<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>LogoBird</title><meta name="description" content="LogoBird audits rough AI logos and shows the design and file issues that need work before a logo is used in public."><link rel="canonical" href="https://logobird.com/"><meta property="og:type" content="website"><meta property="og:site_name" content="LogoBird"><meta property="og:title" content="LogoBird"><meta property="og:description" content="LogoBird audits rough AI logos and shows the design and file issues that need work before a logo is used in public."><meta property="og:url" content="https://logobird.com/"><meta property="og:image" content="https://logobird.com/favicon.svg"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="LogoBird"><meta name="twitter:description" content="LogoBird audits rough AI logos and shows the design and file issues that need work before a logo is used in public."><meta name="twitter:image" content="https://logobird.com/favicon.svg"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="preconnect" href="https://fonts.bunny.net" crossorigin><link rel="stylesheet" href="https://fonts.bunny.net/css?family=fraunces:400,500,600|geist:400,500,600,700|geist-mono:400,500,600&display=swap"><script async src="https://www.googletagmanager.com/gtag/js?id=G-2JL92GM6SV"></script><script>(function(){const gaMeasurementId = "G-2JL92GM6SV";

      window.dataLayer = window.dataLayer || [];
      window.gtag = window.gtag || function gtag(){window.dataLayer.push(arguments);};
      window.gtag('js', new Date());
      window.gtag('config', gaMeasurementId);
    })();</script><script>
  (function () {
    const sensitiveKeys = new Set([
      'email',
      'brandName',
      'brand_name',
      'tagline',
      'fileName',
      'file_name',
      'filename',
      'dataBase64',
      'logo',
      'image',
      'svg',
      'raw_score',
      'rawScore'
    ]);

    function stringProperty(value) {
      if (typeof value !== 'string') return value;
      return value.length > 160 ? value.slice(0, 160) : value;
    }

    function sanitizeProperties(properties) {
      const safe = {};
      if (!properties || typeof properties !== 'object') return safe;

      Object.entries(properties).forEach(([key, value]) => {
        if (sensitiveKeys.has(key)) return;
        if (value === undefined || value === null) return;
        if (['string', 'number', 'boolean'].includes(typeof value)) {
          safe[key] = stringProperty(value);
        }
      });

      return safe;
    }

    function currentReferrerHost() {
      if (!document.referrer) return '';
      try {
        return new URL(document.referrer).host;
      } catch {
        return '';
      }
    }

    function currentUtmProperties() {
      const params = new URLSearchParams(window.location.search);
      const props = {};
      ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term'].forEach((key) => {
        const value = params.get(key);
        if (value) props[key] = stringProperty(value);
      });
      return props;
    }

    window.__logobirdEvents = window.__logobirdEvents || [];
    window.logobirdTrack = function logobirdTrack(event, properties) {
      if (!event || typeof event !== 'string') return;

      const safeProperties = {
        path: window.location.pathname,
        referrer_host: currentReferrerHost(),
        ...currentUtmProperties(),
        ...sanitizeProperties(properties)
      };

      window.__logobirdEvents.push({ event, properties: safeProperties });

      if (window.posthog && typeof window.posthog.capture === 'function') {
        window.posthog.capture(event, safeProperties);
      }

      if (window.gtag && typeof window.gtag === 'function') {
        window.gtag('event', event, safeProperties);
      }
    };

    document.addEventListener('click', (event) => {
      const target = event.target instanceof Element
        ? event.target.closest('[data-analytics-event]')
        : null;

      if (!(target instanceof HTMLElement)) return;

      const properties = {};
      if (target.dataset.analyticsLocation) {
        properties.location = target.dataset.analyticsLocation;
      }
      if (target.dataset.analyticsLabel) {
        properties.label = target.dataset.analyticsLabel;
      }

      window.logobirdTrack(target.dataset.analyticsEvent || 'interaction_clicked', properties);
    });
  })();
</script><link rel="stylesheet" href="/_astro/_slug_.D5VIplZi.css"></head> <body class="min-h-screen bg-cream text-ink flex flex-col"> <nav class="sticky top-0 z-40 border-b border-rule bg-paper/92 backdrop-blur"> <div class="mx-auto flex max-w-7xl items-center justify-between px-5 py-4 md:px-6"> <a href="/" class="inline-flex items-center gap-3 text-ink "> <svg width="32" height="26" viewBox="0 0 70 56" aria-hidden="true" class="shrink-0" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" fill-rule="nonzero" d="M46.43 28.69C46.43 28.69 53.38 9.14 41.71 9.13C27.35 9.13 15.77 22.66 15.77 38.48C15.77 45.66 19.37 50.87 26.54 50.87C35.99 50.87 44.64 38.81 46.43 28.69M59.11 7.17C59.13 7.2 59.15 7.21 59.18 7.23C59.18 7.25 59.18 7.27 59.18 7.31V7.32C59.16 7.38 59.17 7.45 59.18 7.51C59.15 7.66 59.17 7.82 59.3 7.94C59.78 8.36 60.37 8.66 60.82 9.11L46.77 46.29C40.54 55.63 32.61 55.35 22.82 55.5C-6.62 55.98-1.87 55.98 7.63 39.36C17.66 21.81 21 0.49 43.65 0.49C50.11 0.49 55.01 5 59.1 7.16C59.1 7.17 59.11 7.17 59.11 7.17Z"></path> <path fill="currentColor" d="M42.29 10.68C44.1 10.68 45.57 12.22 45.57 14.13C45.57 16.04 44.1 17.59 42.29 17.59C40.48 17.59 39 16.04 39 14.13C39 12.22 40.48 10.68 42.29 10.68Z"></path> <path fill="var(--color-accent)" d="M60.98 8.59C60.95 8.56 60.92 8.54 60.88 8.51C60.82 8.48 60.58 8.3 60.57 8.29C60.23 8.04 59.9 7.78 59.57 7.53C59.52 7.5 59.46 7.46 59.42 7.41C59.39 7.39 59.37 7.37 59.34 7.35L59.13 7.18L57.98 16.6L66.71 12.88Z"></path> </svg> <span class="font-sans text-xl font-semibold tracking-[-0.035em]">LogoBird</span> </a> <ul class="flex items-center gap-5 md:gap-8"> <li> <a href="/studio/" class="text-[0.86rem] font-medium transition-colors text-ink-muted hover:text-ink"> Studio </a> </li><li> <a href="/principles/" class="text-[0.86rem] font-medium transition-colors text-ink-muted hover:text-ink"> Principles </a> </li><li> <a href="/manifesto/" class="text-[0.86rem] font-medium transition-colors text-ink-muted hover:text-ink"> About </a> </li> </ul> </div> </nav> <main class="flex-1">  <section class="mx-auto grid max-w-7xl gap-10 px-5 pb-16 pt-12 md:px-6 md:pb-24 md:pt-20 lg:grid-cols-[minmax(0,0.9fr)_minmax(420px,0.85fr)] lg:items-center"> <div> <p class="font-mono text-meta uppercase text-ink-muted">An AI logo studio</p> <h1 class="mt-5 max-w-4xl font-serif text-display">Audit your AI logo before you use it.</h1> <p class="mt-7 max-w-2xl text-body-lg text-ink-muted">
LogoBird checks the file, the mark, and the production risks before you send a rough concept into the world.
</p> <div class="mt-9 flex flex-col gap-3 sm:flex-row"> <a href="/studio/" class="inline-flex min-h-11 items-center justify-center rounded-full bg-ink px-6 text-body font-medium text-paper transition-colors hover:bg-[#2A241D]" data-analytics-event="audit_cta_clicked" data-analytics-location="hero_primary">
Audit a logo
</a> <a href="#how-it-works" class="inline-flex min-h-11 items-center justify-center rounded-full border border-rule px-6 text-body font-medium text-ink transition-colors hover:border-ink" data-analytics-event="how_it_works_clicked" data-analytics-location="hero_secondary">
See how it works
</a> </div> </div> <aside class="relative overflow-hidden border border-rule bg-paper-deep p-5 md:p-6" aria-label="Example LogoBird production specimen"> <div class="grid gap-4 md:grid-cols-[0.8fr_1fr]"> <section class="border border-rule bg-paper p-4"> <p class="font-mono text-meta uppercase text-ink-muted">Input</p> <div class="mt-5 grid min-h-44 place-items-center border border-rule bg-white/35"> <div class="text-center"> <div class="mx-auto grid size-20 place-items-center rounded-full bg-ink text-paper"> <span class="font-serif text-3xl">N</span> </div> <p class="mt-4 font-sans text-xl font-semibold tracking-[-0.02em]">NORTHLINE</p> </div> </div> <div class="mt-4 grid grid-cols-2 gap-2 font-mono text-meta uppercase text-ink-muted"> <span class="border border-rule px-2 py-2">PNG</span> <span class="border border-rule px-2 py-2">No lockups</span> </div> </section> <section class="border border-rule bg-ink p-4 text-paper"> <p class="font-mono text-meta uppercase text-paper/65">Audit</p> <div class="mt-4 grid gap-2 font-mono text-meta uppercase"> <div class="flex items-center justify-between border border-paper/15 px-3 py-2"> <span>Verdict</span> <span class="text-accent-bright">Usable with warnings</span> </div> <div class="flex items-center justify-between border border-paper/15 px-3 py-2"> <span>Path count</span> <span>Raster</span> </div> <div class="flex items-center justify-between border border-paper/15 px-3 py-2"> <span>Small-size proof</span> <span>Fail</span> </div> </div> <div class="mt-5 border border-paper/15 bg-paper p-4 text-ink"> <p class="font-mono text-meta uppercase text-ink-muted">Kit preview</p> <div class="mt-4 flex items-center gap-4"> <svg width="54" height="44" viewBox="0 0 70 56" role="img" aria-label="LogoBird bird mark" class="" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" fill-rule="nonzero" d="M46.43 28.69C46.43 28.69 53.38 9.14 41.71 9.13C27.35 9.13 15.77 22.66 15.77 38.48C15.77 45.66 19.37 50.87 26.54 50.87C35.99 50.87 44.64 38.81 46.43 28.69M59.11 7.17C59.13 7.2 59.15 7.21 59.18 7.23C59.18 7.25 59.18 7.27 59.18 7.31V7.32C59.16 7.38 59.17 7.45 59.18 7.51C59.15 7.66 59.17 7.82 59.3 7.94C59.78 8.36 60.37 8.66 60.82 9.11L46.77 46.29C40.54 55.63 32.61 55.35 22.82 55.5C-6.62 55.98-1.87 55.98 7.63 39.36C17.66 21.81 21 0.49 43.65 0.49C50.11 0.49 55.01 5 59.1 7.16C59.1 7.17 59.11 7.17 59.11 7.17Z"></path> <path fill="currentColor" d="M42.29 10.68C44.1 10.68 45.57 12.22 45.57 14.13C45.57 16.04 44.1 17.59 42.29 17.59C40.48 17.59 39 16.04 39 14.13C39 12.22 40.48 10.68 42.29 10.68Z"></path> <path fill="var(--color-accent)" d="M60.98 8.59C60.95 8.56 60.92 8.54 60.88 8.51C60.82 8.48 60.58 8.3 60.57 8.29C60.23 8.04 59.9 7.78 59.57 7.53C59.52 7.5 59.46 7.46 59.42 7.41C59.39 7.39 59.37 7.37 59.34 7.35L59.13 7.18L57.98 16.6L66.71 12.88Z"></path> </svg> <div> <p class="font-sans text-xl font-semibold tracking-[-0.03em]">Northline</p> <p class="font-mono text-meta uppercase text-ink-muted">SVG · PNG · tokens</p> </div> </div> <p class="mt-4 inline-flex border border-rule px-2 py-1 font-mono text-meta uppercase text-ink-muted">
Favicon check pending
</p> </div> </section> </div> </aside> </section> <section id="how-it-works" class="py-20 md:py-24"> <div class="mx-auto max-w-7xl px-5 md:px-6"> <div class="mb-10 max-w-3xl"> <p class="font-mono text-meta uppercase text-ink-muted">Output path</p> <h2 class="mt-4 font-serif text-display-md">From rough file to clear next step.</h2> </div> <div class="grid gap-4 md:grid-cols-3"> <article class="border border-rule bg-paper p-6"> <p class="font-mono text-meta uppercase text-accent">01</p> <h2 class="mt-8 font-sans text-h3 font-semibold">Rough concept</h2> <p class="mt-3 text-body text-ink-muted">AI-generated idea, screenshot, SVG, or raster logo.</p> </article><article class="border border-rule bg-paper p-6"> <p class="font-mono text-meta uppercase text-accent">02</p> <h2 class="mt-8 font-sans text-h3 font-semibold">Production audit</h2> <p class="mt-3 text-body text-ink-muted">Typography, vector structure, color, favicon behavior, and lockups.</p> </article><article class="border border-rule bg-paper p-6"> <p class="font-mono text-meta uppercase text-accent">03</p> <h2 class="mt-8 font-sans text-h3 font-semibold">Kit access</h2> <p class="mt-3 text-body text-ink-muted">Eligible SVGs can generate a Production Kit after file checks.</p> </article> </div> </div> </section> <section class="bg-paper-deep py-20 md:py-28"> <div class="mx-auto max-w-7xl px-5 md:px-6"> <div class="max-w-3xl"> <p class="font-mono text-meta uppercase text-ink-muted">Where AI logos break</p> <h2 class="mt-4 font-serif text-display-md">A finished-looking logo can still fail in use.</h2> </div> <div class="mt-10"> <div class="grid gap-6 lg:grid-cols-[0.95fr_1.05fr]" aria-label="Annotated AI logo production issues"> <div class="border border-rule bg-paper p-5"> <p class="font-mono text-meta uppercase text-ink-muted">Rough AI concept</p> <div class="mt-5 grid min-h-72 place-items-center border border-rule bg-paper-deep"> <div class="relative text-center"> <div class="mx-auto grid size-24 place-items-center rounded-[2rem] bg-ink text-paper"> <span class="font-serif text-5xl">A</span> </div> <p class="mt-5 font-sans text-3xl font-semibold italic tracking-[-0.04em]">AcmeFlow</p> <span class="absolute -right-12 top-20 hidden border border-accent bg-paper px-2 py-1 font-mono text-meta uppercase text-accent md:inline-flex">
type drift
</span> </div> </div> </div> <div class="grid gap-3 sm:grid-cols-2"> <article class="border border-rule bg-paper p-4"> <p class="font-mono text-meta uppercase text-accent">01</p> <h3 class="mt-3 font-sans text-h3 font-semibold">AI-drawn typography</h3> <p class="mt-2 text-body text-ink-muted">Letterforms are drawn, not typeset.</p> </article><article class="border border-rule bg-paper p-4"> <p class="font-mono text-meta uppercase text-accent">02</p> <h3 class="mt-3 font-sans text-h3 font-semibold">Raster-only output</h3> <p class="mt-2 text-body text-ink-muted">No editable vector source exists.</p> </article><article class="border border-rule bg-paper p-4"> <p class="font-mono text-meta uppercase text-accent">03</p> <h3 class="mt-3 font-sans text-h3 font-semibold">Vector debris</h3> <p class="mt-2 text-body text-ink-muted">Cleanup creates unusable path complexity.</p> </article><article class="border border-rule bg-paper p-4"> <p class="font-mono text-meta uppercase text-accent">04</p> <h3 class="mt-3 font-sans text-h3 font-semibold">Favicon risk</h3> <p class="mt-2 text-body text-ink-muted">The mark collapses below 32px.</p> </article><article class="border border-rule bg-paper p-4"> <p class="font-mono text-meta uppercase text-accent">05</p> <h3 class="mt-3 font-sans text-h3 font-semibold">Clearspace</h3> <p class="mt-2 text-body text-ink-muted">Spacing has no repeatable system.</p> </article><article class="border border-rule bg-paper p-4"> <p class="font-mono text-meta uppercase text-accent">06</p> <h3 class="mt-3 font-sans text-h3 font-semibold">Missing lockups</h3> <p class="mt-2 text-body text-ink-muted">No icon, wordmark, stacked, or horizontal set.</p> </article> </div> </div> </div> </div> </section> <section class="py-20 md:py-28"> <div class="mx-auto max-w-7xl px-5 md:px-6"> <div class="grid gap-12 lg:grid-cols-[0.85fr_1.15fr] lg:items-start"> <div> <p class="font-mono text-meta uppercase text-ink-muted">Design principles</p> <h2 class="mt-4 font-serif text-display-md">Design judgment comes before file cleanup.</h2> <a href="/principles/" class="mt-8 inline-flex min-h-11 items-center rounded-full border border-rule px-5 text-body font-medium transition-colors hover:border-ink">
Explore the principles
</a> </div> <div class="grid gap-3 sm:grid-cols-2"> <article class="border border-rule bg-paper p-5"> <h3 class="font-sans text-h3 font-semibold">Simplicity</h3> <p class="mt-2 text-body text-ink-muted">Strip the mark until only the idea remains. Everything else fights it.</p> </article><article class="border border-rule bg-paper p-5"> <h3 class="font-sans text-h3 font-semibold">Scalability</h3> <p class="mt-2 text-body text-ink-muted">Hold legibly at favicon and at signage. The middle takes care of itself.</p> </article><article class="border border-rule bg-paper p-5"> <h3 class="font-sans text-h3 font-semibold">Typography</h3> <p class="mt-2 text-body text-ink-muted">Real type, optical spacing, and hierarchy the eye can read.</p> </article><article class="border border-rule bg-paper p-5"> <h3 class="font-sans text-h3 font-semibold">Versatility</h3> <p class="mt-2 text-body text-ink-muted">Lockups, marks, and files that work beyond the hero shot.</p> </article> </div> </div> </div> </section> <section class="bg-ink py-24 text-paper md:py-28"> <div class="mx-auto max-w-7xl px-5 md:px-6"> <div class="max-w-2xl"> <p class="font-mono text-meta uppercase text-paper/60">First pass</p> <h2 class="mt-4 font-serif text-display-md">Start with a free audit.</h2> <p class="mt-6 text-body-lg text-paper/70">
Upload the logo you have. We'll show you the file, mark, and production risks before you use it publicly.
</p> <div class="mt-10"> <a href="/studio/" class="inline-flex min-h-11 items-center rounded-full bg-paper px-6 text-body font-medium text-ink transition-colors hover:bg-paper-deep" data-analytics-event="audit_cta_clicked" data-analytics-location="final_cta">
Audit a logo
</a> </div> </div> </div> </section>  </main> <footer class="border-t border-rule bg-paper mt-24"> <div class="mx-auto max-w-7xl px-5 py-16 md:px-6"> <div class="grid grid-cols-2 gap-8 md:grid-cols-3"> <div class="col-span-2 md:col-span-1"> <a href="/" class="inline-flex items-center gap-3 text-ink "> <svg width="26" height="21" viewBox="0 0 70 56" aria-hidden="true" class="shrink-0" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" fill-rule="nonzero" d="M46.43 28.69C46.43 28.69 53.38 9.14 41.71 9.13C27.35 9.13 15.77 22.66 15.77 38.48C15.77 45.66 19.37 50.87 26.54 50.87C35.99 50.87 44.64 38.81 46.43 28.69M59.11 7.17C59.13 7.2 59.15 7.21 59.18 7.23C59.18 7.25 59.18 7.27 59.18 7.31V7.32C59.16 7.38 59.17 7.45 59.18 7.51C59.15 7.66 59.17 7.82 59.3 7.94C59.78 8.36 60.37 8.66 60.82 9.11L46.77 46.29C40.54 55.63 32.61 55.35 22.82 55.5C-6.62 55.98-1.87 55.98 7.63 39.36C17.66 21.81 21 0.49 43.65 0.49C50.11 0.49 55.01 5 59.1 7.16C59.1 7.17 59.11 7.17 59.11 7.17Z"></path> <path fill="currentColor" d="M42.29 10.68C44.1 10.68 45.57 12.22 45.57 14.13C45.57 16.04 44.1 17.59 42.29 17.59C40.48 17.59 39 16.04 39 14.13C39 12.22 40.48 10.68 42.29 10.68Z"></path> <path fill="var(--color-accent)" d="M60.98 8.59C60.95 8.56 60.92 8.54 60.88 8.51C60.82 8.48 60.58 8.3 60.57 8.29C60.23 8.04 59.9 7.78 59.57 7.53C59.52 7.5 59.46 7.46 59.42 7.41C59.39 7.39 59.37 7.37 59.34 7.35L59.13 7.18L57.98 16.6L66.71 12.88Z"></path> </svg> <span class="font-sans text-base font-semibold tracking-[-0.035em]">LogoBird</span> </a> <p class="mt-3 text-caption text-ink-muted">
AI logo review grounded in real design principles.
</p> </div> <div> <h3 class="font-mono text-meta uppercase text-ink-muted"> Product </h3> <ul class="mt-4 space-y-2"> <li> <a href="/studio/" class="text-body text-ink transition-colors hover:text-accent"> AI Studio </a> </li><li> <a href="/principles/" class="text-body text-ink transition-colors hover:text-accent"> Principles </a> </li> </ul> </div><div> <h3 class="font-mono text-meta uppercase text-ink-muted"> Company </h3> <ul class="mt-4 space-y-2"> <li> <a href="/manifesto/" class="text-body text-ink transition-colors hover:text-accent"> Manifesto </a> </li><li> <a href="/about/" class="text-body text-ink transition-colors hover:text-accent"> About </a> </li><li> <a href="/cdn-cgi/l/email-protection#452d2029292a05292a222a272c37216b262a28" class="text-body text-ink transition-colors hover:text-accent"> Contact </a> </li> </ul> </div> </div> <div class="mt-16 flex flex-col items-start justify-between gap-4 border-t border-rule pt-8 md:flex-row md:items-center"> <div class="flex items-center gap-4"> <span class="inline-flex items-center rounded-full border border-rule px-3 py-1 font-mono text-meta uppercase text-ink-muted">
Est. 2009
</span> <span class="text-caption text-ink-muted">
&copy; 2026 LogoBird
</span> </div> <div class="flex items-center gap-4"> <a href="https://twitter.com/logobird" rel="me noopener noreferrer" target="_blank" class="text-caption text-ink-muted hover:text-ink">
X (Twitter)
</a> </div> </div> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body></html>