Procore Brand Standards Site

A brand stays on brand with a precisely built brand guide. That's exactly what I built for Procore. I worked closely with the design and creative team at Procore to build a brand guideline site that documented and followed their guidelines precisely. 

The site is built as a static site using a generator I built that optimized the page size and included critical CSS for each page in the site to make the site render as quickly as possible.

This is alt text
The Procore Brand Guidelines home page.
This is alt text
The site has detailed guidelines for the logo and downloadable assets.
This is alt text
Procore grammar guidelines are precise and also beautiful to look at.
This is alt text
The site also used video to communicate brand voice.
This is alt text
The color usage section was particularly fun to work on.

Project Highlight: Crafting a Precise Brand Guide for Procore

  • Brand Integrity: The essence of a brand is encapsulated in its brand guide. Ensuring a brand remains true to its core requires meticulous crafting of this guide.
  • Collaborative Endeavor: Engaged in an immersive partnership with Procore's design and creative team, resulting in a brand guideline site that mirrors Procore's brand ethos to the finest detail.
  • Technical Blueprint:
    • Static Site Genesis: Developed the site as a static entity, ensuring swift loading and optimized user experience.
    • Custom-Built Generator: Designed a unique generator tailored to the project, focusing on optimizing page sizes for enhanced performance.
    • Critical CSS Integration: Incorporated critical CSS specific to each page, a strategic move to expedite the site's rendering speed, offering users an almost instantaneous view.
  • Outcome: The culmination of this project is a brand guideline site for Procore that not only serves as a guide of their brand identity but also stands as a testament to rapid and efficient use of the brand standards in a live web site.