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.
Knockout · textured slate
Noto Serif Italic · blue
Noto Serif Regular · slate
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









