PlanGrid Brand: Colors, Fonts, Logo & Visual Identity
PlanGrid Brand Identity
A complete profile of PlanGrid's visual system — colors, typography, components, and personality — extracted from http://plangrid.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from http://plangrid.com.
| Color Type | Hex Code | RGB Value |
|---|---|---|
| primary | #5F60FF | rgb(95, 96, 255) |
| secondary | #122124 | rgb(18, 33, 36) |
| accent | #000000 | rgb(0, 0, 0) |
| background | #F9F9F9 | rgb(249, 249, 249) |
| textPrimary | #000000 | rgb(0, 0, 0) |
| link | #9CA3AF | rgb(156, 163, 175) |
Typography
Each font links to its Google Fonts page where available.
| Type | Font Family | Google Fonts Link |
|---|---|---|
| primary | Artifakt | Google Fonts → |
| heading | Artifakt | Google Fonts → |
UI Components
Live previews rendered using PlanGrid's actual button styles.
Button Primary
- background: #000000
- textColor: #FFFFFF
- borderColor: #FFFFFF
- borderRadius: 4px
- shadow: none
Button Secondary
- background: #FFFFFF
- textColor: #000000
- borderColor: #FFFFFF
- borderRadius: 4px
- shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: construction professionals
Frequently Asked Questions
What is PlanGrid's primary brand color?
PlanGrid's primary brand color is #5F60FF. It anchors the visual identity across their website, product UI, and marketing materials.What accent color does PlanGrid use?
PlanGrid uses #000000 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.What font does PlanGrid use?
PlanGrid uses Artifakt as the primary typeface across body and headings.Does PlanGrid use a light or dark theme?
PlanGrid's primary site uses a light color scheme, with a background of #F9F9F9.Where can I find PlanGrid's logo?
PlanGrid's logo is available directly on their site (http://plangrid.com).