Eraser Brand Identity

A complete profile of Eraser's visual system — colors, typography, components, and personality — extracted from https://www.eraser.io/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.eraser.io/.

• primary: #2866DF (rgb(40, 102, 223))
• secondary: #00A9E5 (rgb(0, 169, 229))
• accent: #FFFFFF (rgb(255, 255, 255))
• background: #0B0B0B (rgb(11, 11, 11))
• textPrimary: #F6F6F6 (rgb(246, 246, 246))
• link: #3898EC (rgb(56, 152, 236))

Typography

Each font links to its Google Fonts page where available.

• primary: Inter
  Inter Google Fonts →
• heading: Inter
  Inter Google Fonts →
  National 2 Condensed, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Eraser's actual button styles.

• Button Primary:
  background: #FFFFFF,
  textColor: #171717,
  borderRadius: 4px,
  shadow: none

• Button Secondary:
  background: #010101,
  textColor: #F6F6F6,
  borderColor: #666666,
  borderRadius: 4px,
  shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: technical professionals

Eraser Brand in the Wild

Real-world brand assets — ads, campaigns, and marketing materials.

Image: files.readme.io Source: docs.eraser.io

Image: files.readme.io Source: docs.eraser.io

Image: cdn.prod.website-files.com Source: eraser.io

Frequently Asked Questions

1. What is Eraser's primary brand color?
   Eraser's primary brand color is #2866DF.
2. What accent color does Eraser use?
   Eraser uses #FFFFFF as an accent color.
3. What font does Eraser use?
   Eraser uses Inter as the primary typeface.
4. Does Eraser use a light or dark theme?
   Eraser's primary site uses a dark color scheme.
5. Where can I find Eraser's logo?
   Eraser's logo is available directly on their site.
6. How was this brand profile generated?
   This profile was extracted using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://www.eraser.io/ using the Firecrawl branding extraction API.

Machine-Readable Profile

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

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#2866DF",
    "secondary": "#00A9E5",
    "accent": "#FFFFFF",
    "background": "#0B0B0B",
    "textPrimary": "#F6F6F6",
    "link": "#3898EC"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "National 2 Condensed",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "90px",
      "h2": "26px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FFFFFF",
      "textColor": "#171717",
      "borderRadius": "4px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#010101",
      "textColor": "#F6F6F6",
      "borderColor": "#666666",
      "borderRadius": "4px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/62d58a323cbc396f06a780aa/651593780abfac438bc37149_Logo%20Mark%20%2B%20Name.svg",
    "favicon": "https://cdn.prod.website-files.com/62d58a323cbc396f06a780aa/62dd392ad0fe361616a22ed3_Favicon%2032x32.png",
    "ogImage": "https://cdn.prod.website-files.com/62d58a323cbc396f06a780aa/6703e77bae3793673a054a4b_eraser-og-image.avif"
  }
}