Skip to content
Business Medium #compensation#pay-bands

Compensation Bands

Job level x location x role -> salary band with min/mid/max. The pay structure.

A free, animated compensation bands you can read here or embed on any website, from Scrollchart.

Compensation Bands

Compensation BandsMin / mid / max base salary by level. Location multipliers shift the effective band.L3 JuniorL4 MidL5 SeniorL6 StaffL7 PrincipalmidpointLocation bandsTier 3 (remote)80% of bandTier 2 (mid-city)90% of bandTier 1 (SF/NYC)100% of bandBand anatomyMin: new hire floorMid: market rateMax: promotion ceilingCompa-ratio = pay / mid.Target 0.9-1.1 at hire.Bands widen by level. Location multipliers (0.80-1.00) adjust the midpoint without changing the band structure.

Available in: 日本語

Compensation bands shown as min/mid/max bars across job levels, with location adjustments overlaid as multipliers.

Good for

  • Compensation design articles explaining band structure and compa-ratio
  • HR and people-operations content on location-adjusted pay
  • Founder content on building a first compensation philosophy at 50-200 employees

Source & accuracy

This compensation bands is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Structure and the min-mid-max framework

Compensation bands define the range of salary for each job level in each market. A senior engineer in San Francisco has a different band than a senior engineer in Austin. A product manager has a different band than an engineer. Each band typically has a min (entry level), mid (competent performer), and max (expert performer at that level). The band might span 50-100k for a junior role and 150-250k for a senior role.

The purpose is consistency and fairness. Two engineers at the same level in the same market earn within the same band. It prevents arbitrary pay, salary compression (where new hires earn more than veterans), and favoritism. It also signals to employees the path to higher compensation: move to the next level, and you move to a higher band. The band is not a cage; it is a framework that individuals can navigate through skill and tenure.

Market dynamics and the merit curve

Compensation bands must track market rates or the company bleeds talent. When tech salaries jump 20 percent across the industry, out-of-sync bands cause resignations. HR reviews market data annually (usually via salary surveys) and adjusts band minimums upward. But individual raises within the band are discretionary, based on performance and contribution. A high performer might reach the top of their band; an average performer stays in the middle.

Bands also encourage retention and reduce entitlement. A person at the max of their band faces an implicit message: your next raise is a promotion to the next level. This motivates leveling up. If there is no leveling opportunity, the person often leaves. Transparent bands create clarity: everyone knows the ceiling at their level and the pathway above it. Mystery compensation creates resentment; transparent bands create alignment.

Embed this diagram

Add this animated compensation bands to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated compensation bands for any website.
Who uses it
Business writers.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="compensation-bands" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Compensation Bands" for my website?
Scrollchart provides "Compensation Bands" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I add a compensation bands to a finance or business article?
Copy the embed snippet from the Scrollchart page for this diagram and paste it anywhere in your article HTML. It is compatible with WordPress, Webflow, Ghost, Substack, and static HTML pages. No account or API key is needed.