Indexical Brand: Colors, Fonts, Logo & Visual Identity

Indexical Brand Identity

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

Color Palette

Brand palette extracted from https://indexical.dev/.

Color	HEX	RGB
primary	#ABB8BF	rgb(171, 184, 191)
secondary	#626574	rgb(98, 101, 116)
accent	#101C36	rgb(16, 28, 54)
background	#646464	rgb(100, 100, 100)
textPrimary	#101C36	rgb(16, 28, 54)
link	#101C36	rgb(16, 28, 54)

Typography

Each font links to its Google Fonts page where available.

primary font: sans-serif
sans-serif Google Fonts →
heading font: sans-serif
sans-serif Google Fonts →

Visual Assets

Brand Personality

Tone: professional
Energy: medium
Audience: unknown

Indexical Brand in the Wild

Brand Assets

Image: media2.dev.to
Source: dev.to

Image: mir-s3-cdn-cf.behance.net
Source: behance.net

Image: hiltondesignblog.wordpress.com
Source: hiltondesignblog.wordpress.com

Frequently Asked Questions

What is Indexical's primary brand color?
Indexical's primary brand color is #ABB8BF.
What accent color does Indexical use?
Indexical uses #101C36 as an accent color.
What font does Indexical use?
Indexical uses sans-serif as the primary typeface.
Does Indexical use a light or dark theme?
Indexical primarily uses a dark color scheme.
How was this brand profile generated?
This profile was extracted from https://indexical.dev/ using the Firecrawl branding extraction API.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling.

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "sans-serif",
      "count": 4
    },
    {
      "family": "Roboto",
      "count": 1
    }
  ],
  "colors": {
    "primary": "#ABB8BF",
    "secondary": "#626574",
    "accent": "#101C36",
    "background": "#646464",
    "textPrimary": "#101C36",
    "link": "#101C36"
  },
  "typography": {
    "fontFamilies": {
      "primary": "sans-serif",
      "heading": "sans-serif"
    },
    "fontStacks": {
      "body": [
        "sans-serif"
      ],
      "heading": [
        "sans-serif"
      ],
      "paragraph": [
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "16px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {},
  "images": {
    "logo": null,
    "favicon": null,
    "ogImage": null
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "unknown"
  },
  "designSystem": {
    "framework": "unknown",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0,
    "colors": 0,
    "overall": 0
  },
  "__llm_metadata": {}
}