Type Brand Identity

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

Color Palette

Brand palette extracted from https://type.ai.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

UI Components

Button Primary

Button Secondary

Brand Personality

Tone: modern
Energy: medium
Audience: writers and editors looking for AI tools

Frequently Asked Questions

1. What is Type's primary brand color?
   Type's primary brand color is #3898EC. It anchors the visual identity across their website, product UI, and marketing materials.
2. What accent color does Type use?
   Type uses #478CD1 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. What font does Type use?
   Type uses Inter for body text and Outfit for headings.
4. Does Type use a light or dark theme?
   Type's primary site uses a dark color scheme, with a background of #1A1A1A.
5. Where can I find Type's logo?
   Type's logo is available directly on their site (https://type.ai).

Methodology

Brand data on this page was extracted from https://type.ai using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. This page is published by CharacterQuilt and is not affiliated with or endorsed by Type.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Outfit",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#3898EC",
    "secondary": "#15263F",
    "accent": "#478CD1",
    "background": "#1A1A1A",
    "textPrimary": "#1A1A1A",
    "link": "#0286FF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Outfit"
    },
    "fontStacks": {
      "heading": [
        "Georgia",
        "Times",
        "Times New Roman",
        "serif"
      ],
      "body": [
        "Outfit",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "48px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "9px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#478CD1",
      "textColor": "#FFFFFF",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "rgba(16, 76, 134, 0.06) 0px 17px 16px 0px, rgba(16, 76, 134, 0.05) 0px 8px 9px 0px, rgba(16, 76, 134, 0.05) 0px 8px 9px 0px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#1A1A1A",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/6959e503be16bb6458392c20_Type%20Logo%20Light.png",
    "favicon": "https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/68f131f694278ecf9e5f404c_favicon.ico",
    "ogImage": "https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/69cd634620658a85153d4464_Type_Preview.png",
    "logoHref": "https://type.ai/"
  }
}