CORE is a collection of reusable components, styles and interaction patterns guided by standards that enable designers and developers to efficiently create consistent, delightful user experiences for Procore applications.
The system contains components, page layouts, interaction patterns, styles, and icons accompanied by design guidelines which explain what, where, when, and how to use them. Each section aims to provide a summary of best practices, tips, and other useful resources. Our documentation is structured as follows:
Contains our color palette, typography, iconography, branding system, and voice & tone guidelines.
These are the building blocks which are assembled to design and build a user interface.
Provides an overview of Procore's page and micro layouts.
Icon’s are available for use using CORE’s very own icon font.
Developer tooling for handling configuration and building applications.
Library of common utility functions used in conjunction with our component library.
Helpful FAQ’s and implementation guides for developers using CORE.
Release notes specific to each version of the CORE library.
Offers helpful resources for designers & developers.