# Lithic Brand Identity

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

## Color Palette

Brand palette extracted from https://www.lithic.com/.

- **Primary**: #FF6600  
rgb(255, 102, 0)
- **Secondary**: #5C2999  
rgb(92, 41, 153)
- **Accent**: #FF6600  
rgb(255, 102, 0)
- **Background**: #FFFFFF  
rgb(255, 255, 255)
- **Text Primary**: #000000  
rgb(0, 0, 0)
- **Link**: #EBFEF6  
rgb(235, 254, 246)

## Typography

Each font links to its Google Fonts page where available.

- **Body Font**: Arial  
- **Heading**: ABC Monument Grotesk

## Visual Assets

%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M77.1148%201.10691H81.5719V15.8935H77.1148V1.10691Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M75.7543%201.10691V15.8935H71.276V10.1479H64.3263V15.8935H59.8692V1.10691H64.3263V6.55683H71.276V1.10691H75.7543Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M58.5234%201.10691V4.69794H52.9468V15.8935H48.4685V4.69794H42.8919V1.10691H58.5234Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M37.0746%201.10691H41.5317V15.8935H37.0746V1.10691Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M27.1535%2012.218L35.7298%2012.1968V15.8935H22.6964V1.12802H27.1535V12.218Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M0%204.46558C3.10519%204.52895%204.4571%203.53614%204.52048%201.10691H8.53398V4.31771C8.53398%204.69794%208.2805%204.88805%208.15376%204.97255L4.4571%207.71863C4.37261%207.782%203.90789%208.16223%203.27418%208.16223H0V4.46558ZM17.7439%204.46558V8.16223H14.4697C13.836%208.16223%2013.3713%207.782%2013.2868%207.71863L9.59017%204.97255C9.48455%204.88805%209.20994%204.69794%209.20994%204.31771V1.10691H13.2234C13.2868%203.53614%2014.6387%204.52895%2017.7439%204.46558ZM0%2012.5348V8.83819H3.27418C3.92901%208.83819%204.37261%209.21842%204.4571%209.28179L8.15376%2012.0279C8.25937%2012.1124%208.53398%2012.2814%208.53398%2012.6827V15.8935H4.52048C4.4571%2013.4643%203.10519%2012.4715%200%2012.5348ZM17.7439%2012.5348C14.6387%2012.4715%2013.2868%2013.4643%2013.2234%2015.8935H9.20994V12.6827C9.20994%2012.2814%209.48455%2012.1124%209.59017%2012.0279L13.2868%209.28179C13.3713%209.21842%2013.836%208.83819%2014.4697%208.83819H17.7439V12.5348Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E)

## UI Components

### Button Primary

- **Background**: #FF6600  
- **Text Color**: #FFFFFF  
- **Border Color**: #FF6600  
- **Border Radius**: 8px  
- **Shadow**: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px

### Button Secondary

- **Background**: #FFFFFF  
- **Text Color**: #5C2999  
- **Border Color**: #FFFFFF  
- **Border Radius**: 8px  
- **Shadow**: none

## Brand Personality

- **Tone**: professional
- **Energy**: medium
- **Audience**: developers and businesses seeking card issuing solutions

## Frequently Asked Questions

1. **What is Lithic's primary brand color?**  
   Lithic's primary brand color is #FF6600. It anchors the visual identity across their website, product UI, and marketing materials.
2. **What font does Lithic use?**  
   Lithic uses Arial for body text and ABC Monument Grotesk for headings. Fonts were detected on https://www.lithic.com/ as part of their live design system.
3. **Does Lithic use a light or dark theme?**  
   Lithic's primary site uses a light color scheme, with a background of #FFFFFF.
4. **How was this brand profile generated?**  
   This profile was extracted from https://www.lithic.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 Lithic.

## Machine-Readable Profile

### JSON Structure

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "ABC Monument Grotesk",
      "role": "heading"
    },
    {
      "family": "Arial",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#FF6600",
    "secondary": "#5C2999",
    "accent": "#FF6600",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#EBFEF6"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Arial",
      "heading": "ABC Monument Grotesk"
    },
    "fontStacks": {
      "heading": [
        "ABC Monument Grotesk",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "ABC Monument Grotesk",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "ABC Monument Grotesk",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "36px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "16px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FF6600",
      "textColor": "#FFFFFF",
      "borderColor": "#FF6600",
      "borderRadius": "8px",
      "shadow": "rgba(0, 0, 0, 0.1) 0px 4px 8px 0px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#5C2999",
      "borderColor": "#FFFFFF",
      "borderRadius": "8px",
      "shadow": "none"
    }
  }
}
```