Use this design system to drive consistency in Payroc’s applications and the opportunity to reuse patterns where possible so we can build and scale applications faster.
Who we are, and how we present ourselves.
Is to build a world-class partner community through empowering payment technology and service.
Our personality describes the tone we use for external communications. It should be expressed as an embodiment of our values.
Our brand values make their way into everything we design, write, code and create.
Get the files you need to design for our products and services.
Learn more about how we speak to our audience.
What we say reflects our personality and values as a company. Find out how we speak to our audience here.
Keep your grammar and formatting consistent with our handy guidelines.
We are an inclusive organization. Learn more about how we speak to our audience.
In-depth guides for the various documentation we provide to our audience.
Grab the blocks you need to start building the Payroc way.
Download the files you need, and get instructions on how to run the design system locally on your machine.
The basics are available here, learn about how to use color, typography, icons and the grid.
You can find the individual building blocks here. Get your build started the right way.
Explore our collection of commonly used patterns from across our websites and applications.