CornerStone

Building the design system powering the ChurchSalary platform of 9 applications

Designing trust in complex salary systems

Information Architecture • Component Library

9-app platform • Design System

WHY A DESIGN SYSTEM WAS NEEDED

ChurchSalary was getting revamped. It was no longer a single product — it was nine. Salary reports, hybrid role analysis, cost-of-living lookups, and more, all serving the same churches but built at different times, under different priorities. Without a shared system, every new tool risked drifting further from the last.

CornerStone

ChurchSalary

I wanted Cornerstone to do two things at once: give every app inside ChurchSalary a consistent, trustworthy voice, and seamlessly integrate with the Gloo family — the broader ecosystem of products ChurchSalary belongs to, each with its own design system. That meant Cornerstone had to feel distinctly ChurchSalary while still speaking the same underlying visual language as its siblings.

FOUNDATIONS

Like most design systems, Cornerstone needed the fundamentals: color, typography, spacing, and a component library that could hold up across nine different surfaces. But the real challenge with dense, high-stakes financial data is that the basics have to work harder than usual — they're the difference between a number that reads as fact and a number that reads as noise.

Every choice — color, type scale, spacing — had a job to do in helping someone trust the data they were looking at.

1 / 4

COMPONENT LIBRARY

One of the biggest risks with nine separate apps is nine separate interpretations of the same idea — nine slightly different buttons, nine slightly different input fields. Cornerstone's component library was built to remove that risk: every team pulled from the same source, so consistency wasn't something anyone had to remember to maintain.

THE NINE APPS

SALARY REPORT

HYBRID REPORT

PRECISE REPORT

SALARY TABLE

JOB DESCRIPTION

GENERATOR

COST OF

LIVING ANALYSIS

MARKET

SURVEY MATCH

PRECISE

PREDICTION

STAFF AND GIVING

ANALYZER

WHAT THIS PROVES

I think in systems, not just screens

I think in systems, not just screens

Cornerstone is proof that I can operate at every level — from the name and logo of a design system down to the token that determines whether a number reads as positive or negative. Naming it, branding it, and scaling it across nine apps required the same instinct that runs through all of my work: making complex, high-stakes information feel calm, clear, and trustworthy.

Interested in working together?

Let's build something meaningful.

WHY A DESIGN SYSTEM WAS NEEDED

ChurchSalary was getting revamped. It was no longer a single product — it was nine. Salary reports, hybrid role analysis, cost-of-living lookups, and more, all serving the same churches but built at different times, under different priorities. Without a shared system, every new tool risked drifting further from the last.

CornerStone

ChurchSalary

I wanted Cornerstone to do two things at once: give every app inside ChurchSalary a consistent, trustworthy voice, and seamlessly integrate with the Gloo family — the broader ecosystem of products ChurchSalary belongs to, each with its own design system. That meant Cornerstone had to feel distinctly ChurchSalary while still speaking the same underlying visual language as its siblings.

FOUNDATIONS

Like most design systems, Cornerstone needed the fundamentals: color, typography, spacing, and a component library that could hold up across nine different surfaces. But the real challenge with dense, high-stakes financial data is that the basics have to work harder than usual — they're the difference between a number that reads as fact and a number that reads as noise.

Every choice — color, type scale, spacing — had a job to do in helping someone trust the data they were looking at.

1 / 4

COMPONENT LIBRARY

One of the biggest risks with nine separate apps is nine separate interpretations of the same idea — nine slightly different buttons, nine slightly different input fields. Cornerstone's component library was built to remove that risk: every team pulled from the same source, so consistency wasn't something anyone had to remember to maintain.

THE NINE APPS

SALARY

REPORT


HYBRID

REPORT


PRECISE

REPORT


SALARY

TABLE


JOB DESCRIPTION

GENERATOR


COST OF

LIVING ANALYSIS


MARKET

SURVEY MATCH


PRECISE

PREDICTION


STAFF AND

GIVING ANALYZER