Design & Development

How to Name a Banner: Principles, Best Practices, and Examples

A clear, consistent name helps teams organize assets, debug issues, and measure performance. Whether you manage a small site or a large campaign, how you name a banner affects r...

Mara Ellison
How to Name a Banner: Principles, Best Practices, and Examples

Why banner naming conventions matter

A clear, consistent name helps teams organize assets, debug issues, and measure performance. Whether you manage a small site or a large campaign, how you name a banner affects reporting, versioning, and handoffs between design, advertising, and development. This guide covers evergreen principles, component options, technical limits, accessibility checks, and a short testing checklist you can apply now.

Core naming goals and constraints

An effective banner name balances human readability with machine friendliness. It should identify purpose, scope, and version at a glance while fitting platform limits. Below is a comparison of key goals and constraints to keep in mind across channels.

AttributeVerified DetailSource Type
ClarityUse language your team understands without internal jargonBest practice
LengthStay under platform caps (common ad systems allow 255 chars, UTM names 512 chars)Platform limit
UniquenessAvoid duplicates that can confuse reportingTechnical requirement
StabilityMinimize frequent renames to prevent broken referencesOperational guidance
AccessibilityDo not rely on color or visual cues alone in the name or visible UIWCAG guidance

Components of a descriptive banner name

Including consistent components makes names self documenting. Consider these parts, ordered from left to right by importance:

  • Campaign or objective: what the banner aims to achieve
  • Audience or segment: who it targets, when relevant
  • Placement or size: where it appears and its dimensions
  • Offer or creative version: key message or variant identifier
  • Date or version: when it was created or iteration number

Order and delimiter conventions

Use a stable order and a delimiter such as a hyphen or pipe to separate components. Example: Campaign- Audience- Placement- Variant- YYYYMMDD. Consistent ordering makes sorting and filtering predictable across reports and libraries.

When to simplify

For small projects or one-off banners, you may drop optional parts like audience or date. Prioritize the objective and placement so the name remains useful in the context where it is listed.

Technical limits and platform examples

Different systems impose their own rules. Below are common limits and how they affect naming; confirm the exact limits in your system documentation.

PlatformTypical name limitNotes
Ad servers and DSPs255 charactersKeep key info near the start
UTM or analytics dimensions512 charactersAvoid excessive repetition
File and image names255 characters (filesystem dependent)Avoid reserved characters and control codes

Reserved characters to avoid

Avoid characters that affect paths, URLs, or queries: <>:"/\|?*. Use hyphens or underscores for readability. If names will be exported to URLs or query strings, percent encoding may be required, increasing length and reducing readability.

Accessibility and UX considerations

Names alone should convey meaning to users when visible and to assistive tech when referenced. Avoid relying solely on color or position. If a banner has a functional role, indicate purpose in the accessible name and in the code label, keeping the visible label and programmatic name aligned.

Versioning, localization, and governance

Use version suffixes like v1 or a date stamp for iterative creatives. For multilingual sites, include a locale code when the name is used in a shared system, but avoid embedding raw translated text if it complicates reporting. Establish a simple ownership model so one team can approve changes and prevent duplicate or conflicting names.

Practical testing and maintenance checklist

  • Use a consistent order for components
  • Keep names short enough to read fully in UI lists
  • Run a report to find near duplicates or confusing names
  • Document the naming standard and share with stakeholders
  • Check length against each platform limit before publishing
  • Verify that no reserved characters appear in URLs or file names

Examples across common contexts

Below are concise examples you can adapt; replace placeholders with your specifics.

  • Homepage leaderboard: Home-LP-Leaderboard-v2-202503
  • Product email newsletter: ProductEmail-Banner-Nav-202503
  • Print poster at 24x36 in: Print-Poster-24x36-Offseason-v1

Next steps for your team

Start by auditing current banners, mapping them to limits and conventions, and publishing a short standard. Add a naming field to your creative brief and include automated checks (length, reserved characters) where possible. Revisit naming rules during creative reviews so they stay useful as campaigns and systems evolve.

Related Reading

More pages in this topic cluster.

Hex Hue: A Clear, Practical Guide to Understanding and Using Hex Colors

Every digital color you see on a screen is built from precise combinations of red, green, and blue light. The hex hue system, short for hexadecimal color, represents those inten...

Read next
A Comprehensive Guide to Hex Color Format

Hex color format is a compact notation used in digital design and development to represent colors as a six-character string derived from red, green, and blue channels. This ever...

Read next
How to Determine the Font Used on Any Website

Determining the font used on a website helps you refine design choices, maintain brand consistency, and troubleshoot typographic issues. This guide teaches you reliable methods...

Read next