# Ironclad Brand Identity

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

## Primary

- **Color:** #308970

## Color Palette

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

- **Primary:** #308970 (rgb(48, 137, 112))
- **Secondary:** #00CA88 (rgb(0, 202, 136))
- **Accent:** #308970 (rgb(48, 137, 112))
- **Background:** #FFFFFF (rgb(255, 255, 255))
- **Text Primary:** #1C212B (rgb(28, 33, 43))
- **Link:** #1C212B (rgb(28, 33, 43))

## Typography

Each font links to its Google Fonts page where available.

- **Primary:** Moderat [Google Fonts →](https://fonts.google.com/specimen/Moderat)
- **Heading:** Moderat [Google Fonts →](https://fonts.google.com/specimen/Moderat)

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Ironclad's actual button styles.

### Button Primary
- **Background:** #308970
- **Text Color:** #F2F1EE
- **Border Radius:** 50px
- **Shadow:** none

### Button Secondary
- **Background:** #FFFFFF
- **Text Color:** #1C212B
- **Border Radius:** 0px
- **Shadow:** none

## Brand Personality

- **Tone:** professional
- **Energy:** medium
- **Audience:** business professionals

## Ironclad Brand in the Wild

Image: [support.ironcladapp.com](https://support.ironcladapp.com/hc/article_attachments/25539252812183)

Image: [ironcladapp.com](https://ironcladapp.com/wp-content/uploads/2025/05/RealTimeLegalResearchwithJurist_DemoVideo_Blog_Thumbnail_920x570.webp)

Image: [media.thoughtindustries.com](https://media.thoughtindustries.com/course-uploads/5506a6f2-edf0-4dd5-8b48-d355c1df1496/hjed3uhgazp3-AchievementBadge.png)

Image: [ironcladapp.com](https://ironcladapp.com/wp-content/uploads/2025/11/AI-Predict-Bottlenecks_Blog-Image_920x570-.webp)

Image: [ironcladapp.com](https://ironcladapp.com/wp-content/uploads/2025/06/pexels-edmond-dantes-4344860-1.jpg)

Image: [ironcladapp.com](https://ironcladapp.com/wp-content/uploads/2026/03/sonicboom_1_blog_header_thumbnail_920x570.webp)

## Frequently Asked Questions

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

**What font does Ironclad use?**  
Ironclad uses Moderat as the primary typeface across body and headings.

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

**Where can I find Ironclad's logo?**  
Ironclad's logo is available directly on their site (http://ironcladapp.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://ironcladapp.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 Ironclad.

## Methodology

Brand data on this page was extracted from [http://ironcladapp.com](http://ironcladapp.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Ironclad.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Moderat",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#308970",
    "secondary": "#00CA88",
    "accent": "#308970",
    "background": "#FFFFFF",
    "textPrimary": "#1C212B",
    "link": "#1C212B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Moderat",
      "heading": "Moderat"
    },
    "fontStacks": {
      "heading": [
        "Moderat",
        "sans-serif"
      ],
      "body": [
        "Moderat",
        "sans-serif"
      ],
      "paragraph": [
        "Moderat",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "100px",
      "h2": "60px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "20px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#308970",
      "textColor": "#F2F1EE",
      "borderRadius": "50px",
      "borderRadiusCorners": {
        "topLeft": "50px",
        "topRight": "50px",
        "bottomRight": "50px",
        "bottomLeft": "50px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#1C212B",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://ironcladapp.com/wp-content/uploads/2025/04/main-logo.svg",
    "favicon": "https://ironcladapp.com/wp-content/uploads/2025/04/fiavicon.png",
    "ogImage": "https://ironcladapp.com/wp-content/uploads/2025/09/HOMEPAGE-2A.svg",
    "logoHref": "//ironcladapp.com/",
    "logoAlt": "ironclad logo"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and the alt text matches the brand name 'Ironclad'.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 1,
      "text": "Request Demo",
      "reasoning": "Button #1 uses the vibrant brand color #308970, which is a strong indicator of a primary CTA. The text 'Request Demo' is action-oriented, making it a clear primary choice."
    },
    "secondary": {
      "index": 5,
      "text": "GET THE REPORT",
      "reasoning": "Button #5 has a different background color (#FFFFFF) and offers a secondary action 'GET THE REPORT', which complements the primary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and the alt text matches the brand name 'Ironclad'.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```