Skip to content
ipxo.com logo

IPXO

ipxo.com

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

professional

Color Palette

Colors

#010011

primary

#ffffff

background

#656a8e

text

#212121

secondaryText

#2057ff

link

#212121

muted

#abb8c3

border

#f78da7

accent

Typography

Fonts

Poppins

body
400
500
700
self-hosted

Poppins

heading
500
self-hosted
body

The quick brown fox

h1

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

Components

Design System

Cookie Policy
outline
0px
#2057ff
Accept All
primary
4px
#2057ff#ffffff
ghost
ghost
0px
#212121
Get Started
secondary
8px
#010011#ffffff
card
box-shadow

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
box-shadow

rgba(13, 7, 54, 0.18) 0px 30px 60px 0px

dropdown
box-shadow

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
box-shadow

rgba(0, 0, 0, 0.3) 0px 32px 68px 0px

modal
box-shadow

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
box-shadow

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
box-shadow

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
box-shadow

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

gradient

linear-gradient(90deg, rgb(145, 30, 241) 0%, rgb(23, 177, 255) 100%)...

gradient

radial-gradient(102.62% 105.37% at 22.1% -0.09%, rgba(0, 146, 255, 0.4) 0%, rgba...

gradient

radial-gradient(102.62% 105.37% at 22.1% -0.09%, rgba(210, 0, 178, 0.4) 0%, rgba...

Voice & Tone

Personality

Visual Energy

5/10

Design Era

contemporary

Emotional Tone

professional

Target Audience

general audience

Design Assets

Visual Elements

Design asset
svg136×52
Design asset
svg136×52
Design asset
svg136×52
Design asset
svg136×52
Design asset
svg136×52
Design asset
svg136×52
Design asset
svg136×52
Design asset
svg136×52
Design asset
svg136×52
Design asset
svg136×52

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

Download
DESIGN.md not yet generated for this brand.
How to use this file

1. Save this file as DESIGN.md in your project root (sibling to README.md).

2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.

3. Validate or export tokens with the official CLI:

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md
Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/ipxo.com \
  -H "x-api-key: ev_your_key"

# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
  -H "x-api-key: ev_your_key"

# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
  -H "x-api-key: ev_your_key"

Extract your own brand kit

Get colors, fonts, voice, and personality from any website in seconds. Open source.

Get started free