Design System

Unified design tokens, components, and guidelines for building AI agent interfaces.

Color Palette

Primary

#7C3AED

Primary Light

#A78BFA

Secondary

#22C55E

Accent

#EC4899

Background

#09090B

Surface

#18181B

Success

#22C55E

Error

#EF4444

Typography

H1 - 5xl Bold

The AI Agent Marketplace

H2 - 4xl Bold

Browse APIs for AI Agents

H3 - 3xl Bold

Feature Cards

Body - Base Regular

Browse and integrate APIs for AI agents with instant x402 micropayments on Base network.

Small - Sm Regular

Free tier includes 1,000 API calls/day

Buttons

Cards

Basic Card

Standard card with hover effect

Featured Card

Highlighted with glow effect

Glass Card

Translucent with blur

Icon System

SVG sprite system with 20+ icons. Usage:

api

crypto

weather

llm

database

server

wallet

star

check

arrow

external

zap

shield

users

dollar


                        <svg class="w-6 h-6"><use href="/icons.svg#icon-name"/></svg>

Badges

Primary Success Warning Error

Spacing Scale

spacing-1

4px

spacing-2

8px

spacing-4

16px

spacing-8

32px

spacing-16

64px