Payroc Design logo
  • Our brand
    Mission statement Personality Values Assets
  • Content guidelines
    Voice and tone Grammar and formatting Inclusive language Writing style guides
  • Design system
    Get started Essentials Components Patterns
Submit a design request
  1. Payroc design
  2. Design system
  3. Essentials

Essentials

To keep our designs and applications consistent we adhere to these guidelines.

Color

Our colours are used throughout our products to represent our brand and provide indicators to our users.

Typography

Our typography styles can be easily included in your application. Follow these rules to get it right every time.

Iconography

We use Font Awesome to present our icons. There are over 19,000 icons to choose from.

Grid

Use the Bootstrap grid to ensure consistent, responsive layouts.

Spacing guidelines

How to make use of the Bootstrap utility classes for consistent spacing across applications.

Payroc Design logo

Copyright © Payroc

    Our brand
  • Mission statement
  • Personality
  • Values
  • Assets
  • Brand Guide for Sales Partners
    Content guidelines
  • Voice and tone
  • Grammar and formatting
  • Inclusive lanugage
  • Writing style guides
    Design system
  • Get started
  • Essentials
  • Components
  • Patterns