Spott Brand Identity

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

Color Palette

Brand palette extracted from https://spott.io.

Typography

Each font links to its Google Fonts page where available.

Sample Font Stacks

• Heading: Gt Alpina Standard, Times New Roman, sans-serif
• Body: Inter, Arial, sans-serif

Visual Assets

UI Components

Live previews rendered using Spott's actual button styles.

Button Styles

• Button Primary:
  Background: #191919
  Text Color: #FCFCFC
  Border Color: #191919
  Border Radius: 8px
  Shadow: none

• Button Secondary:
  Background: #FFFFFF
  Text Color: #191919
  Border Color: #D3D3D3
  Border Radius: 8px
  Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: recruiting firms and HR professionals

Spott Brand in the Wild

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

Image Source: app.spott.io
Source: app.spott.io

Frequently Asked Questions

What is Spott's primary brand color?

Spott's primary brand color is #EF5007. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Spott use?

Spott uses #191919 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Spott use?

Spott uses Inter for body text and Gt Alpina Standard for headings. Fonts were detected on https://spott.io as part of their live design system.

Does Spott use a light or dark theme?

Spott's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Spott's logo?

Spott's logo is available directly on their site (https://spott.io). 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://spott.io 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 Spott.

Machine-Readable Profile

JSON Profile

{  
  "colorScheme": "light",  
  "fonts": [  
    {  
      "family": "Inter",  
      "role": "body"  
    },  
    {  
      "family": "Gt Alpina Standard",  
      "role": "heading"  
    }  
  ],  
  "colors": {  
    "primary": "#EF5007",  
    "secondary": "#6B7280",  
    "accent": "#191919",  
    "background": "#FFFFFF",  
    "textPrimary": "#191919",  
    "link": "#3898EC"  
  },  
  "typography": {  
    "fontFamilies": {  
      "primary": "Inter",  
      "heading": "Gt Alpina Standard"  
    },  
    "fontStacks": {  
      "heading": [  
        "Gt Alpina Standard",  
        "Times New Roman",  
        "sans-serif"  
      ],  
      "body": [  
        "Inter",  
        "Arial",  
        "sans-serif"  
      ],  
      "paragraph": [  
        "Inter",  
        "Arial",  
        "sans-serif"  
      ]  
    },  
    "fontSizes": {  
      "h1": "72px",  
      "h2": "56px",  
      "body": "12px"  
    }  
  },  
  "spacing": {  
    "baseUnit": 4,  
    "borderRadius": "8px"  
  },  
  "components": {  
    "buttonPrimary": {  
      "background": "#191919",  
      "textColor": "#FCFCFC",  
      "borderColor": "#191919",  
      "borderRadius": "8px",  
      "borderRadiusCorners": {  
        "topLeft": "8px",  
        "topRight": "8px",  
        "bottomRight": "8px",  
        "bottomLeft": "8px"  
      },  
      "shadow": "none"  
    },  
    "buttonSecondary": {  
      "background": "#FFFFFF",  
      "textColor": "#191919",  
      "borderColor": "#D3D3D3",  
      "borderRadius": "8px",  
      "borderRadiusCorners": {  
        "topLeft": "8px",  
        "topRight": "8px",  
        "bottomRight": "8px",  
        "bottomLeft": "8px"  
      },  
      "shadow": "none"  
    }  
  },  
  "images": {  
    "logo": "https://cdn.prod.website-files.com/694a5e96fef63ffe869954bd/694a8f1bfa56a8fc92a76f3c_logo.svg",  
    "favicon": "https://cdn.prod.website-files.com/694a5e96fef63ffe869954bd/695bf082cd066e845e9de7cd_favicon.png",  
    "ogImage": "https://cdn.prod.website-files.com/694a5e96fef63ffe869954bd/696f8fb729efb230de2b2c3e_opengraph.png",  
    "logoHref": "/",  
    "logoAlt": "Spott logo"  
  },  
  "personality": {  
    "tone": "professional",  
    "energy": "medium",  
    "targetAudience": "recruiting firms and HR professionals"  
  },  
  "designSystem": {  
    "framework": "custom",  
    "componentLibrary": ""  
  }  
}