# Lumafield Brand Identity

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

## Color Palette
Brand palette extracted from https://www.lumafield.com/.

- **Primary:**  #FCE03D  
- **Secondary:**  #042535  
- **Accent:**  #3898EC  
- **Background:**  #FFFFFF  
- **Text Primary:**  #000000  
- **Link:**  #3898EC

## Typography
Each font links to its Google Fonts page where available.

- **Primary:**  Monument Grotesk Semi-Mono  
- **Heading:**  Monument Grotesk

## Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M150.49%203.77h-3.16v6.95c0-.24-.4-.65-.62-.87l-.07-.08c-1.24-1.33-3.14-1.78-4.9-1.78-4.17%200-7.34%202.5-7.34%206.1%200%203.93%203.05%206.1%207.3%206.1a35.48%2035.48%200%200%200%20.47-.01c2.02-.02%204.25-.6%205.21-2.39v2.18h3.1V3.77Zm-7.97%2013.86h-.42c-2.7%200-4.48-1.44-4.48-3.55%200-2.1%201.78-3.54%204.48-3.54h.42c2.91%200%204.8%201.43%204.8%203.54%200%202.11-1.89%203.55-4.8%203.55Z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M33.73%2019.95V3.77h3.17v16.18h-3.17ZM111.73%206.68V3.77h-3.17v2.91h3.17ZM73.56%207.99c-2.51%200-4.7.75-5.82%202.58-.98-1.76-2.89-2.58-5.18-2.58-.74-.02-1.48.09-2.19.31a3.5%203.5%200%200%200-2.34%202.64l-.02.1V8.22h-3.16v11.72H58v-5.43c0-2.42%201.29-3.97%203.59-3.97h.42c2.6%200%203.73%201.3%203.73%203.14v6.26h3.16v-5.43c0-2.42%201.43-3.97%203.86-3.97h.43c2.5%200%203.45%201.3%203.45%203.14v6.26h3.16v-6.37c0-3.14-1.57-5.58-6.24-5.58h-.01ZM129.86%2019.95V3.77h3.16v16.18h-3.16Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M120.95%207.99c-4.17%200-7.84%202.13-7.84%205.9%200%204.02%203.17%206.28%207.84%206.28%204.4%200%206.44-1.7%207.02-3.63h-3.52c-.5.57-1.5%201.07-3.29%201.07h-.42a4.6%204.6%200%200%201-4.37-2.95h11.8v-.7c0-3.42-2.62-5.98-7.21-5.98Zm-4.39%204.73c.52-1.3%201.92-2.18%204.17-2.18h.43c2.1%200%203.63.85%203.7%202.19h-8.3Z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M102.35%208.22h9.37v11.72h-3.14v-9.16h-6.22v9.16h-3.19v-9.16h-3.3V8.23h3.3v-1.3c0-2.1%201.22-3.16%203.6-3.16h3.83v2.91h-3.26c-.7%200-.99.26-.99.8v.74Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M88.34%207.99c-3.68%200-6.26%201.53-6.62%203.55h3.3c.39-.58%201.5-1%203.04-1h.42c2.15%200%203.47.56%203.47%201.69v.14l-5.42.31c-3.73.24-5.33%201.5-5.33%203.73s1.6%203.77%205.46%203.77c.97%200%201.95-.07%202.86-.43a6.54%206.54%200%200%200%202.44-1.84v2.03h3.13V12.6C95.1%209.53%2092.63%208%2088.32%208h.02Zm3.61%207.24c0%201.55-1.8%202.4-4.48%202.4h-.42c-2%200-2.65-.62-2.65-1.3%200-.6.5-1.05%202.23-1.17l5.33-.33v.4Z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22m49.84%208.23.03%205.42c0%202.55-1.8%203.98-3.94%203.98h-.42c-2.45%200-3.4-1.15-3.42-3.35V8.23h-3.17v6.56c0%203.38%202.2%205.4%206.42%205.4a5.75%205.75%200%200%200%202.16-.44%206.45%206.45%200%200%200%202.38-1.78v1.97h3.16V8.24h-3.2Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

## UI Components

Live previews rendered using Lumafield's actual button styles.

### Button Primary
**buttonPrimary**  
- **background:** #FFFFFF  
- **textColor:** #000000  
- **borderColor:** #FFFFFF  
- **borderRadius:** 5px  
- **shadow:** none

### Button Secondary
**buttonSecondary**  
- **background:** #000000  
- **textColor:** #FFFFFF  
- **borderColor:** #FFFFFF  
- **borderRadius:** 5px  
- **shadow:** none

## Brand Personality
**Tone:** professional  
**Energy:** medium  
**Audience:** engineers and product developers

## Frequently Asked Questions

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

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

- **What font does Lumafield use?**  
  Lumafield uses Monument Grotesk Semi-Mono for body text and Monument Grotesk for headings. Fonts were detected on https://www.lumafield.com/ as part of their live design system.

- **Does Lumafield use a light or dark theme?**  
  Lumafield's primary site uses a light color scheme, with a background of #FFFFFF.

- **Where can I find Lumafield's logo?**  
  Lumafield's logo is available directly on their site (https://www.lumafield.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 https://www.lumafield.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 Lumafield.