# Maple Materials Brand Identity

A complete profile of **Maple Materials**'s visual system — colors, typography, components, and personality — extracted from [http://maplematerials.com](http://maplematerials.com/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from http://maplematerials.com.

| Color Name | HEX      | RGB           |
|------------|----------|---------------|
| primary    | #000000  | rgb(0, 0, 0)  |
| accent     | #DCDCDC  | rgb(220, 220, 220) |
| background  | #FAFAFA  | rgb(250, 250, 250)  |
| textPrimary | #000000  | rgb(0, 0, 0)  |
| link       | #000000  | rgb(0, 0, 0)  |

## Typography

Each font links to its Google Fonts page where available.

| Role     | Font Family         | Link                                             |
|----------|---------------------|--------------------------------------------------|
| primary  | Helvetica Neue      | [Google Fonts →](https://fonts.google.com/specimen/Helvetica+Neue) |
| heading  | Arboria              | [Google Fonts →](https://fonts.google.com/specimen/Arboria) |

## Visual Assets

## UI Components

### Button Primary
| Background | Text Color | Border Color | Border Radius | Shadow |
|------------|------------|--------------|----------------|--------|
| transparent| #DCDCDC    | #DCDCDC      | 0px            | none   |

### Button Secondary
| Background  | Text Color | Border Color | Border Radius | Shadow |
|-------------|------------|--------------|----------------|--------|
| #DCDCDC     | #000000    | #DCDCDC      | 0px            | none   |

## Brand Personality

**Tone:** professional

**Energy:** medium

**Audience:** construction and materials industry professionals

## Frequently Asked Questions

**What is Maple Materials's primary brand color?**  
Maple Materials's primary brand color is #000000. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does Maple Materials use?**  
Maple Materials uses #DCDCDC as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does Maple Materials use?**  
Maple Materials uses Helvetica Neue for body text and Arboria for headings. Fonts were detected on http://maplematerials.com as part of their live design system.

**Does Maple Materials use a light or dark theme?**  
Maple Materials's primary site uses a light color scheme, with a background of #FAFAFA.

**Where can I find Maple Materials's logo?**  
Maple Materials's logo is available directly on their site (http://maplematerials.com). The current logo URL is included in the machine-readable JSON profile linked above.

**How was this brand profile generated?**  
This profile was extracted from http://maplematerials.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Maple Materials.