Compensation and benchmarking tools
Salary bands, equity modelling and market data products.
SaaS marketing templatePeople Ops
HR SaaS React Template
A React and TypeScript frontend for compensation, benchmarking and people-operations products, set in a framed editorial sheet.
- Template
- Equilibrium
- Type
- Landing page
- In kit
- 06 / 11
02Overview
What the HR SaaS React Template gives you.
Equilibrium is the KRENOS HR SaaS React template. It is aimed at people-operations products that price talent with evidence — compensation benchmarking, equity modelling and workforce planning — and presents them in a calm, document-like frame rather than a busy dashboard collage.
Its two interactive pieces do the persuading: a compensation mix breakdown and an organisational topology view that switches between structures.
03Key features
Built around what this template actually does.
- 01
Compensation mix breakdown
Total compensation split across base, equity and benefits, rendered as an accessible donut with the proportions written out.
- 02
Org topology switch
A “Span of Control & Team Topology Telemetry” panel with a view switch, so the same data can be read two ways.
- 03
Benchmark tiers
Predictable pricing tiers for a benchmarking product, with a featured plan.
- 04
Diligence and spec sheet
A statutory diligence section and a downloadable specification sheet generated in the browser.
04What's inside
7 sections, in page order.
Every one is a working part of the live template, not a screenshot. Open the demo to use them.
- 01
Framed hero
The editorial sheet with the compensation proposition.
- 02
Customer strip
Employer logos.
- 03
Benchmarks
“Engineered for Sovereign Precision” — the methodology section with the compensation mix.
- 04
Topology
Span-of-control telemetry with its view switch.
- 05
Pricing
Clear, predictable tiers.
- 06
Diligence
Technical and statutory detail.
- 07
Consultation
The closing audit call to action.
05Who it's for
Products this direction suits.
People-operations platforms
Headcount planning, org design and workforce analytics.
HR consultancies
A considered front for a productised compensation audit.
06Technology & customization
The stack underneath.
- A 1360px editorial frame rather than a narrow clipped column
- Client-side file generation for the spec sheet — no server
- Accessible switch and segmented controls
- Typed tables kept at the top of the page file for quick edits
What you can change
- Benchmark tables and pricing are constants at the top of the page file.
- Re-label the topology views for your own org model.
- Replace the spec-sheet contents in `src/utils/download.ts`.
- The framed sheet can be widened or removed with one class change.
Frontend only
No HRIS, payroll or identity integration is included. Salary bands, equity figures and headcount are fixed sample values chosen to demonstrate the interface.
07Questions
Frequently asked.
Yes. There is no HRIS, payroll or database behind it. Compensation figures are typed demo data you replace with your own source.
It is generated in the browser from typed content and offered as a file — no server round trip. Swap the contents for your own document.
Yes. The frame collapses to a single column and is verified from 320px upward in the kit’s responsive QA.
Yes. One purchase covers unlimited client projects. You may not redistribute or resell the template files themselves. See the LICENSE file.
08Related templates
Others in the kit worth comparing.
Every KRENOS purchase includes all eleven, so these are alternatives to consider, not add-ons.
KRENOS · Equilibrium
See it running. Then make it yours.
The demo is the real template, not a video. It opens with a thin KRENOS bar so you can switch templates, preview it at phone, tablet and desktop widths, or come back to the explorer.