2026-08-25

Publish a brand kit (before someone scrapes your favicon)

If a journalist, partner, or sibling OSS org needs your logo at 11pm, they will take whatever loads first: a 16×16 favicon, a Facebook avatar, or an Incapsula HTML error saved as .png. That is not a brand strategy. It is what happens when you teach “make a brand kit” and never publish one.

This guide is the operator checklist. Use it to ship a brand kit, media kit, or press kit page — logos, colors, type, usage — on your domain. Then point every “for press / partners” ask at that URL.

Start here: our kit

Nonprofit Resources brand kit (/brand) is the working example for this site:

  • Logo SVG/PNG downloads (tiled mark and mark-only)

  • Color palette with copyable hex

  • Typography (Plus Jakarta Sans)

  • Name, voice, and usage rules

  • SEO aliases for media kit, press kit, brand guidelines, style guide, and logo

What to put on the page

Keep one job per section. Visitors should leave with files and rules, not a slide deck about “our journey.”

  • Logos — SVG first, PNG fallbacks at useful sizes (256 for avatars). Light and dark grounds if the mark inverts.

  • Colors — named roles (primary, accent, ground) with hex. Optional CSS variable names if you ship a product UI.

  • Typography — family, stack, and a link to the licensed source (Google Fonts, Adobe, or your webfont zip).

  • Name & voice — full legal/product name, short form, domain, one paragraph on tone.

  • Usage — clear space, no stretch, no fake endorsement, contact for exceptions.

  • Downloads — real <a download> links, not a “email us for assets” form.

That package is the media kit. Press kit and brand guidelines are the same page with better headings — do not invent three empty microsites.

SEO the boring words on purpose

People search the synonyms, not your internal folder name. Put them in the title, lead, and meta description:

  • brand kit · media kit · press kit

  • brand guidelines · style guide · branding

  • logo download · SVG · PNG · favicon

  • color palette · typography

Use one canonical URL (we use /brand) and optional aliases that share the page. Do not thin-out five duplicate articles.

Examples worth copying

These orgs publish assets instead of hoping the favicon CDN is kind:

  • Wikimedia Brand — portal for logo, type, color, templates, and trademark pointers. Movement-scale, still a single front door.

  • Mozilla Trademark Guidelines — rules first; pair with public Protocol assets when you need files. Trademarks and downloads are not the same document, but both exist.

  • GitHub Logos and Usage — permitted marks, do/don’t, and downloads for integrations.

  • U.S. Web Design System (USWDS) — government design system with tokens and components; useful when your “brand” is also a product UI.

  • Nonprofit Resources brand kit — small-org version of the same idea: one page, downloads, no bot wall.

Steal the shape, not the lockup. Your mark stays yours.

The TechSoup footnote

TechSoup’s own brand-management guide tells nonprofits to create style guides and shared asset libraries. As of this writing they still have no public branding page or media kit — and techsoup.org/favicon.ico answers with a bot challenge instead of an icon. We note that on their catalog entries (Product Donations, Software Directory) and keep our assets on /brand so partners are not hunting social avatars.

Irony is not the product. The product is a URL that returns SVG.

Ship checklist

  • ❏ Page live on your primary domain (not only Google Drive)

  • ❏ SVG + PNG for the primary mark; favicon matches the mark

  • ❏ Hex list copyable; typeface licensed and linked

  • ❏ Usage paragraph that forbids implied endorsement

  • ❏ Title and description include brand kit / media kit / logo language

  • ❏ Footer or About links to the kit in one click

  • ❏ Someone outside your team can download a logo without asking Slack

When that list is green, the next partner who needs your logo at midnight will thank you — and your catalog neighbors will too.