Index Brand: Colors, Fonts, Logo & Visual Identity

Index Brand Identity

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

Color Palette

Brand palette extracted from http://www.index.io.

Color	HEX	RGB
primary	#1B3B4F	rgb(27, 59, 79)
secondary	#1F4560	rgb(31, 69, 96)
accent	#E95424	rgb(233, 84, 36)
background	#1B3B4F	rgb(27, 59, 79)
textPrimary	#666666	rgb(102, 102, 102)
link	#152F3F	rgb(21, 47, 63)

Typography

Each font links to its Google Fonts page where available.

Role	Font	Google Fonts Link
primary	Inter	Google Fonts →
heading	Inter	Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Index's actual button styles.

Input Component:

Background: #152F3F
Text Color: #F2F7F7
Border Color: #131414
Border Radius: 8px
Shadow: none

Button Primary:

Background: #E95424
Text Color: #FFFFFF
Border Radius: 6px
Shadow: none

Button Secondary:

Background: #1B3B4F
Text Color: #F2F7F7
Border Radius: 0px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: business professionals

Frequently Asked Questions

What is Index's primary brand color?
Index's primary brand color is #1B3B4F. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Index use?
Index uses #E95424 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Index use?
Index uses Inter as the primary typeface across body and headings.
Does Index use a light or dark theme?
Index's primary site uses a dark color scheme, with a background of #1B3B4F.
Where can I find Index's logo?
Index's logo is available directly on their site (http://www.index.io). The current logo URL is included in the machine-readable JSON profile linked above.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#1B3B4F",
    "secondary": "#1F4560",
    "accent": "#E95424",
    "background": "#1B3B4F",
    "textPrimary": "#666666",
    "link": "#152F3F"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "44px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "input": {
      "background": "#152F3F",
      "textColor": "#F2F7F7",
      "borderColor": "#131414",
      "borderRadius": "8px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#E95424",
      "textColor": "#FFFFFF",
      "borderRadius": "6px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#1B3B4F",
      "textColor": "#F2F7F7",
      "borderRadius": "0px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.index.io/images/logo.png",
    "favicon": "https://www.index.io/apple-touch-icon.png",
    "ogImage": "https://index.io/og-image.png"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals"
  }
}