<!-- Generated by ExtractVibe — https://extractvibe.com/brand/ipxo.com -->
<!-- Extracted: 2026-10-03T14:27:18.402Z | Schema: v1 | Quality: 65/100 -->
---
version: alpha
name: "IPXO"
description: "IPXO | Global IPv4 Leasing, Monetization & Management Platform presents a professional web presence."
colors:
  primary: "#010011"
  tertiary: "#f78da7"
  neutral: "#212121"
  surface: "#ffffff"
  on-surface: "#656a8e"
  on-surface-secondary: "#212121"
  border: "#abb8c3"
  link: "#2057ff"
typography:
  display-lg:
    fontFamily: "Poppins"
    fontSize: "48px"
    fontWeight: "500"
    lineHeight: "60px"
  headline-lg:
    fontFamily: "Poppins"
    fontSize: "42px"
    fontWeight: "500"
    lineHeight: "50.4px"
  headline-md:
    fontFamily: "Poppins"
    fontSize: "15px"
    fontWeight: "500"
    lineHeight: "21px"
  body-md:
    fontFamily: "Poppins"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "24px"
rounded:
  sm: "4px"
  md: "8px"
  lg: "50px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-outline:
    textColor: "#2057ff"
    rounded: "0px"
    padding: "0px"
    fontSize: "14px"
    fontWeight: "400"
    borderWidth: "1px"
  button-primary:
    backgroundColor: "#2057ff"
    textColor: "#ffffff"
    rounded: "4px"
    padding: "8px"
    fontSize: "16px"
    fontWeight: "400"
    borderColor: "#2057ff"
    borderWidth: "2px"
  button-ghost:
    textColor: "#212121"
    rounded: "0px"
    padding: "0px"
    fontSize: "16px"
    fontWeight: "400"
    borderColor: "#212121"
  button-secondary:
    backgroundColor: "#010011"
    textColor: "#ffffff"
    rounded: "8px"
    padding: "0px 24px"
    fontSize: "13px"
    fontWeight: "400"
    borderColor: "#ffffff"
---

# IPXO — Design System

## Overview

IPXO | Global IPv4 Leasing, Monetization & Management Platform presents a professional web presence.

Key characteristics: professional.

**Key characteristics:**

- Vibe — professional
- Design era — contemporary
- Emotional tone — professional
- Target audience — general audience
- Visual energy — 5/10 (moderate)

## Colors

The palette draws on 56 distinct colors observed across the site, organized into semantic roles below.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#010011` | Black |
| accent / tertiary | `#f78da7` | Hot Pink |
| background | `#ffffff` | White |
| text | `#656a8e` | Slate Gray |
| secondary text | `#212121` | Near-Black |
| border | `#abb8c3` | Silver |
| link | `#2057ff` | Royal Blue |
| muted | `#212121` | Near-Black |

## Typography

Type is set in Poppins, Poppins, with hierarchy expressed through size and weight contrast rather than family-switching.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Poppins | body | self-hosted | 400, 500, 700 |
| Poppins | heading | self-hosted | 500 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Poppins | 48px | 500 | 60px | — |
| Heading 2 | Poppins | 42px | 500 | 50.4px | — |
| Heading 3 | Poppins | 15px | 500 | 21px | — |
| Body | Poppins | 16px | 400 | 24px | — |

### Conventions

- Heading case — sentence-case
- Body line-height — 24px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| card | `rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(101, 106, 142, 0.1) 0px 1px 3px 0px, rgba(101, 106, 142, 0.1) 0px 1px 2px -1px` |
| card | `rgba(13, 7, 54, 0.18) 0px 30px 60px 0px` |
| dropdown | `rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(13, 7, 54, 0.16) 0px 20px 40px 0px` |
| modal | `rgba(0, 0, 0, 0.3) 0px 32px 68px 0px` |
| modal | `rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(13, 7, 54, 0.16) 0px 30px 60px 0px` |
| navigation | `rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(13, 7, 54, 0.08) 0px 2px 8px 0px` |
| element | `rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(13, 7, 54, 0.16) 0px 4px 10px 0px` |
| element | `rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px` |

### Gradients

- `linear-gradient(90deg, rgb(145, 30, 241) 0%, rgb(23, 177, 255) 100%)`
- `radial-gradient(102.62% 105.37% at 22.1% -0.09%, rgba(0, 146, 255, 0.4) 0%, rgba(1, 0, 17, 0.4) 73.56%), none`
- `radial-gradient(102.62% 105.37% at 22.1% -0.09%, rgba(210, 0, 178, 0.4) 0%, rgba(1, 0, 17, 0.4)), none`

## Shapes

Border-radius scale:

- `sm` — 4px
- `md` — 8px
- `lg` — 50px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Outline**

- Text — `#2057ff`
- Radius — `0px`
- Padding — `0px`
- Font size — `14px`
- Font weight — `400`
- Sample copy — "Cookie Policy"

**Primary**

- Background — `#2057ff`
- Text — `#ffffff`
- Radius — `4px`
- Padding — `8px`
- Font size — `16px`
- Font weight — `400`
- Border — `2px solid #2057ff`
- Sample copy — "Accept All"

**Ghost**

- Text — `#212121`
- Radius — `0px`
- Padding — `0px`
- Font size — `16px`
- Font weight — `400`
- Border — ` solid #212121`

**Secondary**

- Background — `#010011`
- Text — `#ffffff`
- Radius — `8px`
- Padding — `0px 24px`
- Font size — `13px`
- Font weight — `400`
- Border — ` solid #ffffff`
- Sample copy — "Get Started"

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 5/10 | balanced |
| Playful ↔ Serious | 5/10 | balanced |
| Enthusiastic ↔ Matter-of-fact | 5/10 | balanced |
| Respectful ↔ Irreverent | 3/10 | respectful |
| Technical ↔ Accessible | 5/10 | balanced |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — moderate
- Jargon — some
- CTA style — direct

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| primary | — | svg | [link](https://img.loadlogo.com/ipxo.com) | 100% |
| favicon | — | png | [link](brands/ipxo.com/logo-0.png) | 95% |
| favicon | — | png | [link](brands/ipxo.com/logo-1.png) | 95% |
| favicon | — | png | [link](brands/ipxo.com/logo-2.png) | 95% |
| primary | color | svg | [link](brands/ipxo.com/logo-3.svg) | 85% |
| primary | color | svg | [link](brands/ipxo.com/logo-4.svg) | 85% |
| primary | color | svg | [link](brands/ipxo.com/logo-5.svg) | 85% |
| primary | color | svg | [link](brands/ipxo.com/logo-6.svg) | 85% |
| primary | color | svg | [link](brands/ipxo.com/logo-7.svg) | 85% |
| primary | color | svg | [link](brands/ipxo.com/logo-8.svg) | 85% |
| primary | color | svg | [link](brands/ipxo.com/logo-9.svg) | 85% |
| primary | color | svg | [link](brands/ipxo.com/logo-10.svg) | 85% |

## Sources

- Official brand guidelines — https://ipxo.com/about/press
- Live brand page — https://extractvibe.com/brand/ipxo.com
- Raw JSON — https://extractvibe.com/api/brand/ipxo.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/ipxo.com/design.md
- Extracted — 2026-10-03T14:27:18.402Z
- Generator — ExtractVibe vv1
- Quality score — 65/100