Payfactors

Design Portfolio

Payfactors

A website, product and sales story for compensation software.

Payfactors gives HR teams the market data they need to pay people fairly, and it was ready to take on the spreadsheets most of them still lived in. Our team at TechGrayscale built the brand around one idea, compensation revolutionized: a website that makes the case, a product dashboard that turns pay data into something you can read at a glance, and sales print that carries the same voice into the room. A confident serif, a tall gothic headline and a deep midnight field make a technical product feel clear and decisive.

Client

Payfactors

Agency

TechGrayscale

Role

Lead Designer

Scope

Website, Product UI, Visual Identity, Print


Branding

A serif voice, a gothic punch.

Every headline is a two-beat line: a Noto Serif Italic lead-in sets up the thought, then a tall condensed gothic lands it. Noto Serif Regular carries the reading copy in print and on the site, and Tungsten handles the numbers inside the product.

Midnight navy grounds everything, Payfactors blue speaks, and gold flags the one thing to act on. Inside the product, mint and cyan tiles turn compensation data into something you can scan.

01Type
HeadlineMATTERS MOST, in a condensed bold gothicKnockout · textured slate
LabelPayfactors gives you the, in Noto Serif ItalicNoto Serif Italic · blue
BodyOur collaborative solution puts you at, in Noto Serif RegularNoto Serif Regular · slate
Future, in Noto Serif Italic Noto Serif Regular, Italic and Bold Italic 721 TOTAL in Tungsten Semibold and Light
02Color

Midnight

#0F1D2A

RGB 15 29 42

Payfactors Blue

#017EBC

RGB 1 126 188

Gold

#EAA816

RGB 234 168 22

Slate

#2F3E4C

RGB 47 62 76

Steel

#46789D

RGB 70 120 157

Mint

#1FC49C

RGB 31 196 156

Data Sweep

2FDBE5 → 017EBC

Gradient sweep