Design System

Metro Fabric — Web UI Kit

A comprehensive component library for building the Metro Fabric control panel. All components follow the brand guidelines: Geist typeface, Signal Blue (#0EA5E9), Metro Orange (#F97316), and clean Vercel-inspired layout patterns.

01 — Client Area Customer Info

247

Active Nodes

↑ 18% this month

99.99%

Uptime SLA

↑ 0.02% vs last week

10.4TB

Data Routed Today

↓ 3% vs yesterday

0.38ms

Avg Latency

↑ Improved 0.06ms

Recent Activity

Last 24 hours

Live

Fabric Mesh route updated

2 minutes ago · Region: EU-WEST

Invoice #1042 paid

1 hour ago · $2,480.00

Latency spike detected

3 hours ago · Node: MF-EDGE-07

Resolved automatically within 140ms. No customer impact.

New team member added

Yesterday · sam@company.io

Network Usage

Last 14 days

10.4 TB

Used this month

10.4 TB / 50 TB21% used

6.2 TB

Inbound

4.2 TB

Outbound

Node Status

MF-MESH-01

EU-WEST · Core

0.38ms

latency

MF-EDGE-07

US-EAST · Edge

0.61ms

latency

MF-AGENT-03

APAC · Agent

1.2ms

latency

MF-PULSE-12

US-WEST · Pulse

Maintenance

4 nodes · 3 online · 1 maintenance

02 — Configuration Settings Control Panel

General Settings

Workspace preferences

Agentic Routing

Enable intent-aware traffic classification for AI workloads

Auto-scaling

Automatically scale capacity based on traffic patterns

DDoS Protection

Layer-7 protection with automatic mitigation

Email Alerts

Send alerts for latency spikes and node failures

Maintenance Mode

Take selected nodes offline for scheduled maintenance

Last saved 2 minutes ago

Network Configuration

Workspace Name

Primary Region

API Endpoint

https://

Latency Threshold 0.4ms – 10ms

0.4msCurrent: 2.4ms10ms

Throughput Cap

1TB/sCurrent: 7.5TB/s10TB/s

Alert Recipients Comma-separated email addresses

API Keys & Access Tokens

Manage programmatic access to the Metro Fabric API

Name	Key	Created	Last Used	Status
Production Key	`mf_live_••••••••3a7f`	Jan 12, 2026	2 mins ago	Active
Staging Key	`mf_test_••••••••9c2b`	Feb 3, 2026	3 days ago	Active
Legacy CI Key	`mf_live_••••••••5d1e`	Nov 22, 2025	42 days ago	Inactive

03 — Blog Post Content

Product Update

Fabric Agent v2.0 — Now with LLM-Native Routing

We've rebuilt Fabric Agent from the ground up with native support for large language model workloads, enabling sub-millisecond routing decisions based on semantic intent.

Alex Morgan Mar 14, 2026 5 min read

Engineering

How We Achieve 0.4ms P95 Latency Across 50 Metro Nodes

A deep-dive into our distributed mesh architecture, BGP anycast routing, and the engineering decisions that allow us to consistently deliver sub-millisecond performance.

Sam Chen Mar 8, 2026 12 min read

Case Study

How DataCore AI Reduced Inference Latency by 94% with Metro Fabric

DataCore AI was spending 11ms routing every inference request. After migrating to Metro Fabric Mesh + Edge, average latency dropped to 0.6ms — a 94% improvement with zero code changes.

Mia Kovač Feb 28, 2026 8 min read

Post Preview

Editor

SEO 3

Product Update Infrastructure

Introducing Fabric Agent v2.0 — LLM-Native Network Routing

Alex Morgan

March 14, 2026 · 5 min read

Today we're launching Fabric Agent v2.0, the most significant update to our agentic ISP layer since launch. This release introduces native LLM workload recognition, allowing the network to understand and prioritise AI traffic at the routing level — not just the application level.

Upgrade available

Fabric Agent v2.0 is available to all Enterprise and Growth plan customers starting today.

What's new in v2.0

The core innovation is our new Intent Classification Engine (ICE) — a lightweight model running directly on each mesh node that classifies traffic in under 40 microseconds without adding measurable latency to the routing path.

javascript

// Connect to Fabric Agent v2
const agent = await MetroFabric.connect({
  endpoint: 'wss://agent.metrofabric.net/v2',
  apiKey: process.env.MF_API_KEY,
  options: {
    intentRouting: true,    // NEW in v2.0
    llmPriority: 'high',  // NEW in v2.0
  }
});

04 — Buttons Interactive

Buttons — variants, sizes, with icons

05 — Badges & Status Chips

Online Active Degraded Offline Warning Inactive Enterprise

EU-WEST Online

APAC High Load

US-WEST Offline

Badges — status, labels, node indicators

06 — Forms & Inputs Data entry

Default Input

With Prefix

mf_

Focused State

Error State ⚠ Invalid API endpoint format

Select Dropdown

Textarea

Toggle Switches

Agentic Routing

Intent-aware traffic classification

Maintenance Mode

Redirect traffic to standby nodes

Email Alerts

Notify on SLA breaches

Checkboxes

Fabric Mesh

Fabric Edge

Fabric Flow (partial)

Fabric Agent

Radio Buttons

Standard

High Performance

Ultra-Low Latency

Range Sliders

Latency: 0.4ms3.5ms10ms

Bandwidth: 1TB7TB10TB

Inputs, toggles, checkboxes, radios, sliders

07 — Web Tables Data

Client	Plan	Region	Bandwidth	MRR	Status	Team
DC DataCore AI datacore.io	Enterprise	EU-WEST	4.2TB	$8,400	Active	AM SC +2
NX Nexus Labs nexuslabs.ai	Growth	US-EAST	1.8TB	$2,800	Active	MK
QA QuantumAI quantumai.dev	Starter	APAC	0.9TB	$480	Near Limit	AM
SP Synthetix Pro synthetix.io	Growth	EU-WEST	0.0TB	$0	Suspended	—

Showing 4 of 128 clients

←

···

→

Data table — sortable, filterable, with bulk actions and pagination

08 — Alerts & Toasts Feedback

System Update Available

Fabric Agent v2.0 is ready to install. Schedule your maintenance window to upgrade.

Configuration Saved

Your network routing changes have been applied to all 247 active nodes.

Bandwidth Threshold Approaching

QuantumAI is at 88% of their monthly bandwidth limit. Consider upgrading their plan.

Node Offline — MF-PULSE-12

The Pulse monitoring node in US-WEST is unreachable. Failover activated. Engineering notified.

Route deployed successfully ✕

Connection to MF-EDGE-07 failed ✕

Latency test initiated for 3 nodes ✕

Approaching rate limit on API key ✕

Inline alerts (info/success/warning/error) · Toast notifications

09 — Misc Elements UI Patterns

Modal Dialog

Dropdown Menu

Tabs

Overview

Metrics 247

Logs

Settings

Tab content renders here

Tooltip

Keyboard Shortcuts

⌘KCommand palette

⌘DDeploy node

Pricing / Plan Cards

Starter

^$49_/mo

For teams getting started

✓ 1TB bandwidth

✓ 3 active nodes

✓ Fabric Mesh access

✗ Fabric Agent

✗ SLA guarantee