# Console Brand Identity

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

## Color Palette

Brand palette extracted from https://www.console.co/.  
**primary**:  
`#0000EE`  
`rgb(0, 0, 238)`  
**accent**:  
`#ED733B`  
`rgb(237, 115, 59)`  
**background**:  
`#FFFFFF`  
`rgb(255, 255, 255)`  
**textPrimary**:  
`#000000`  
`rgb(0, 0, 0)`  
**link**:  
`#ED733B`  
`rgb(237, 115, 59)`

## Typography

Each font links to its Google Fonts page where available.  
**primary**:  
Inter  
Inter [Google Fonts →](https://fonts.google.com/specimen/Inter)  
**heading**:  
Inter  
Inter [Google Fonts →](https://fonts.google.com/specimen/Inter)  
**Season Mix Regular**, sans-serif

## Visual Assets

Favicon

Social Card

## UI Components

Live previews rendered using Console's actual button styles.

**Input**  
`input`  
`background`: transparent  
`textColor`: `#131312`  
`borderColor`: null  
`borderRadius`: 0px  
`shadow`: none

**Button Primary**  
`buttonPrimary`  
`background`: `#FAF6F2`  
`textColor`: `#000000`  
`borderRadius`: 8px  
`shadow`: rgb(36, 38, 40) 0px 0px 0px 1px, rgba(27, 28, 29, 0.48) 0px 1px 2px 0px, rgba(255, 255, 255, 0.12) 0px 0.5px 0px 1px inset

**Button Secondary**  
`buttonSecondary`  
`background`: `#FFFFFF`  
`textColor`: `#0000EE`  
`borderRadius`: 8px  
`shadow`: rgb(36, 38, 40) 0px 0px 0px 1px, rgba(27, 28, 29, 0.48) 0px 1px 2px 0px, rgba(255, 255, 255, 0.12) 0px 0.5px 0px 1px inset

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** IT professionals and businesses looking for AI-driven ITSM solutions.

## Console Brand in the Wild

Image: [assets.fontsinuse.com](https://assets.fontsinuse.com/static/use-media-items/142/141415/upto-700xauto/69b57298/Nintendo%2064%20ad%20.jpeg)  
Source: [fontsinuse.com](https://fontsinuse.com/uses/40935/nintendo-64-gaming-console-ad-1996)

Image: [help.piwik.pro](https://help.piwik.pro/wp-content/uploads/2019/07/google-search-console-report-copy.png)  
Source: [help.piwik.pro](https://help.piwik.pro/support/reports/google-search-console-report/)

Image: [s3-alpha.figma.com](https://s3-alpha.figma.com/hub/file/2245705488118736150/936e1fa8-9a1f-494a-8056-18926de1057d-cover.png)  
Source: [figma.com](https://www.figma.com/community/file/1531535041297630062/gaming-console-landing-page-website-designs-free-website-templates-web-design-inspiration)

Image: [i.redd.it](https://i.redd.it/x6p0abhtix731.jpg)  
Source: [reddit.com](https://www.reddit.com/r/SEGAGENESIS/comments/c8cftm/1989_print_ad_for_segas_new_genesis_console/)

Image: [docs.oracle.com](https://docs.oracle.com/cd/E92519_02/pt856pbr3/eng/pt/tprs/img/ia2cf27cn-7d59.png)  
Source: [docs.oracle.com](https://docs.oracle.com/cd/E92519_02/pt856pbr3/eng/pt/tprs/concept_UnderstandingReportingConsole-727eb5.html?pli=ul_d56e82_tprs)

Image: [shutterstock.com](https://www.shutterstock.com/image-vector/game-console-landing-page-futuristic-260nw-2134507645.jpg)  
Source: [shutterstock.com](https://www.shutterstock.com/image-vector/game-console-landing-page-futuristic-design-2134507645)

## Frequently Asked Questions

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

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

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

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

**How was this brand profile generated?**  
This profile was extracted from https://www.console.co/ 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 Console.

## Methodology

Brand data on this page was extracted from [https://www.console.co/](https://www.console.co/) 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 Console.

## Machine-Readable Profile

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

### Profile JSON Example
```
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Season Mix Regular",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "accent": "#ED733B",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#ED733B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Season Mix Regular",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "15px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#131312",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#FAF6F2",
      "textColor": "#000000",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgb(36, 38, 40) 0px 0px 0px 1px, rgba(27, 28, 29, 0.48) 0px 1px 2px 0px, rgba(255, 255, 255, 0.12) 0px 0.5px 0px 1px inset"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0000EE",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgb(36, 38, 40) 0px 0px 0px 1px, rgba(27, 28, 29, 0.48) 0px 1px 2px 0px, rgba(255, 255, 255, 0.12) 0px 0.5px 0px 1px inset"
    }
  },
  "images": {
    "favicon": "https://framerusercontent.com/images/zca8qPdikTr3iATPBigX87BITg.png",
    "ogImage": "https://framerusercontent.com/assets/4jMQ1DTxua1ZXVAWFJ6A1I5Ik.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "IT professionals and businesses looking for AI-driven ITSM solutions."
  }
}
```