Brand system

Modern branding for people, payroll, and finance

Salsa HR's design system creates a cohesive, trustworthy experience across every product surface - empowering teams and elevating work.

PeoplePayrollFinanceReviewsGoalsInsights

Theme tokens

A consistent color system built for clarity, accessibility, and delight.

Primary

--color-primary

Secondary

--color-secondary

Accent

--color-accent

Surface

--color-surface

Background

--color-bg

Text

--color-text

Muted

--color-muted

Border

--color-border

Danger

--color-danger

Success

--color-success

Typography

Clean, confident, and highly legible - our type scale brings hierarchy to every screen.

DisplayClash Display / 64 / 700 / -1.5%
Heading 1Inter / 36 / 700 / -0.5%
Heading 2Inter / 28 / 600 / 0%
BodyInter / 16 / 400 / 0%
MutedInter / 14 / 400 / 0%
KickerInter / 12 / 600 / 0.08em

Elevate every employee.

People, payroll, and performance - in sync.

Built for clarity. Designed for teams.

Salsa HR helps modern organizations manage people, pay, and performance in one connected platform.

Accurate data. Fewer headaches. Happier teams.

ONE PLATFORM. ENDLESS POSSIBILITIES.

Buttons

Buttons communicate actions and guide users through the product.

Variants
Sizes
States
Icon + label

UI examples

Reusable components and patterns used across Salsa HR.

April payroll

Payroll run completed
Total payout$1,234,567.00Paid on Apr 30, 2025
Employees
523
Net pay
$934,213.00

Form controls

Department
Status

We'll send an invite to maria@acme.com

Empty state

No employees yet

Add your first team member to get started.

Action row