Indexing Co Brand Kit

02

Color Palette

The palette is minimal and intentional. Black and white carry the brand; green and pink provide energy and character.

Primary

Black #000000
White #FFFFFF
Indexing Green #4AF120
Pink #DD67AB

Neutral

Gray #8E8E93
White Smoke #EDEDED

Usage

Indexing Green Our most distinctive color. Use for hero backgrounds, section blocks, and CTA buttons (with dark text). Also works as a text accent on dark backgrounds. Fails WCAG AA on white (~1.5:1). Passes on black (~13.9:1). Pair with black text when used as a background.
Pink Secondary accent for highlights, data visualizations, and variety.
Black + White Primary content colors. Most of the brand is black and white.
Grays UI elements, borders, secondary text.
03

Typography

Inter is our only typeface. It's clean, highly legible, and available everywhere. Fira Code supplements it for monospace contexts.

Inter / Variable Weight
Inter 300 400 500
Fira Code / Monospace
Fira Code 400 500

Type Scale

Jumbo / 60px / Light 300 Build with clarity
Display / 48px / Regular 400 Real-time indexing
Headline / 28px / Medium 500 The data layer for onchain
Subhead / 24px / Regular 400 Pipelines integrate directly to your storage
Body / 16px / Regular 400 The Indexing Company transforms complex blockchain data into structured, accessible information. Faster decisions, smoother payments, scalable digital products.
Caption / 14px / Regular 400 No middlemen, direct to you.

Type Hierarchy

RoleWeightSizeUse
JumboLight 30060px / 36px mobileHero statements
DisplayRegular 40048px / 30px mobileSection titles
HeadlineMedium 50028px / 22px mobilePage titles, cards
SubheadRegular 40024px / 20px mobileSection subtitles
BodyRegular 40016pxParagraph text
CaptionRegular 40014pxLabels, metadata
CodeFira Code 50016pxCode snippets
04

Voice & Personality

We are a blockchain infrastructure company that simplifies complexity. Our brand voice is confident and direct. Technical without being inaccessible.

Innovative
Fast
Clean
Sophisticated
Intelligent
05

Usage Rules

These guidelines ensure the brand remains consistent and recognizable across all touchpoints.

Logo Usage

Do
  • Use on solid backgrounds (black, white, or dark gray)
  • Maintain clear space equal to the height of the "X" in the wordmark
  • Use the provided SVGs. They adapt to light and dark contexts
Don't
  • Distort, rotate, or stretch the logo
  • Place on busy or low-contrast backgrounds
  • Modify the letterforms or Dex's proportions
  • Add effects (shadows, outlines, gradients)
  • Use the logo below 76px wide (digital) or 27mm (print)

Color Usage

Wordmark on black
Wordmark on green
Wordmark on light
Wordmark on pink
06

Downloads

All assets and references you need to create on-brand materials.

Assets

AssetFormatDownload
Wordmark (horizontal)SVGDownload
Wordmark (vertical)SVGDownload
Dex brandmarkSVGDownload
Dex emoji (Slack/Discord)PNGDownload

CSS Variables

--Brand-Indexing-Green: #4AF120;
--Brand-Indexing-Pink: #DD67AB;
--Brand-White-Smoke: #EDEDED;
Generate Branded Assets →