Verdigris Design System

Living Document ← Docs

Electrical Intelligence for the AI-Factory Era

The canonical visual identity for all Verdigris surfaces. Typography, color, spacing, and brand qualities rendered live from design tokens.

Four Pillars

Precision
Exact, specific, and data-driven. No vagueness or hand-waving.
Visual: tight letter-spacing (-0.02em), tabular numbers, mono for data
Masterful
Expert, authoritative, and deeply knowledgeable. Command of the domain.
Visual: Inter's high legibility, 700-weight headings, confident hierarchy
Refined
Polished, elegant, and thoughtfully crafted. No rough edges.
Visual: generous whitespace, zinc-tinted neutrals, 0.625rem radius
Pioneering
Forward-thinking, innovative, and leading the industry.
Visual: OKLch color space, perceptual gradient interpolation, brand hue loop

Type Specimen

Display / H1
Lato 700
4rem / 64px
-0.02em
Electrical Intelligence
Display / H2
Lato 700
3rem / 48px
-0.02em
Sub-Cycle Visibility
Display / H3
Lato 700
2rem / 32px
Tokens Per Watt
Body / Large
Inter 400
1.25rem / 20px
Verdigris captures sub-cycle electrical data and applies physics-based analysis to detect instability invisible to traditional monitoring.
Body / Regular
Inter 400
1rem / 16px
AI workloads create sharp, fast electrical transients that turn hidden electrical weakness into systemic risk. Safe capacity — not theoretical capacity — is the bottleneck.
Body / Small
Inter 400
0.875rem / 14px
Deployed across all T-Mobile data centers in North America. Expanding with Verizon. Piloting with AWS and Supermicro.
Mono
JetBrains Mono
400
8kHz · 48hr early warning · oklch(0.753 0.1279 191.57)
UI / Button
Inter 600
1rem
Request Demo Learn More

Brand Palette

Canonical values in OKLch. All other formats (HSL, hex, RGB) are generated by the build pipeline.

Brand Hue Loop (16 stops)
Verdigris
#0fc8c3
Mix 1
Mix 2
Mix 3
Midnight Purple
MP Step 1
MP Step 2
MP Step 3
Pastel Red
PR Step 1
PR Step 2
PR Step 3
Cyber Yellow
CY Step 1
CY Step 2
CY Step 3
Neutral Scale (zinc-tinted, hue ~286)
50
100
200
400
500
800
900
950

Full hue loop: Teal → Purple → Red → Yellow → Teal. 16 stops, interpolated in OKLch for perceptual uniformity.

Palette In Use

Which color comes from the palette semantics. How much comes from the section's importance. Color gives text room to breathe.

Layered intensity
Electrical Intelligence
AI-Grade Power Monitoring
for Data Centers
Sub-cycle electrical data. Physics-based fault detection. 48-hour early warning.
Request demo
Learn more
Technology
Purpose-built for critical infrastructure
Teal label, white background. Present but quiet.
Data quality
Every measurement, verified
Neutral.200. No color. The page rests.
Detection
Real-time fault detection
Magenta label, left border, 4% tint. Three quiet signals. Together they shift the feeling.
Reliability
99.97% uptime across 200+ sites
White, teal label. The page settles.
Get started
See what 8kHz visibility looks like for your facility
Request demo
Intensity scale
Full expression
Dark background, brand teal, CTAs. Hero and footer only.
Earned accent
4% tint + full-chroma label + border. One per page. Place on the conversion point.
Supporting
Teal label on white or neutral.200. The default. Most sections live here.
Breathing room
Neutral label, neutral background. No color. The absence makes the accent land.
Across surfaces
Surface Full Accent Supporting Why
Web page Hero + footer 1 section Teal labels Long scroll, accent is a scanning landmark
Ad banner Entire ad None None 3 seconds of attention. Teal only.
Email Header strip None Teal CTA button Noisy inbox. Stay clean.
Slide deck Title slide 1 per slide Teal chart accents Presenter controls pace
Data viz Chart frame Full palette All 16 tokens This is what the gradient was designed for
Hardware Teal logo None None Physical. Brand clarity.
Wrong: too many regions, no breathing room
Teal tint
Purple tint (adjacent!)
Magenta tint (3rd region!)
Yellow tint (4th region — rainbow)
Dark mode tint reference — minimum perceptible opacities
15%
18%
12%
10%
8%
10%

Integrated Specimen

Persuade x web page. Six narrative roles at full fidelity: hook, context, evidence, turn, proof, close. All values from tokens.

Electrical Intelligence

AI-Grade Power Monitoring for Data Centers

Sub-cycle electrical data. Physics-based fault detection. 48-hour early warning before failures happen.

Request demo Learn more
Technology

Purpose-built for critical infrastructure

Not retrofit SCADA. Not general-purpose IoT. Hardware and software designed from scratch for high-frequency electrical monitoring.

8 kHz
Sub-cycle sampling
Captures transients invisible to 1-second meters. Sees the electrical signature of every load.
48 hr
Early warning
Detects degradation patterns days before they become failures. Physics, not thresholds.
200+
Sites deployed
T-Mobile, Verizon, AWS. Production infrastructure, not pilot programs.
Data quality

Every measurement, verified

Automated calibration checks. Anomaly flagging on the sensor itself. No data gets through without validation.

Detection

Real-time fault detection

Loose connections, arcing, harmonic distortion, phase imbalance. Detected at the sub-cycle level, reported before damage occurs.

99.7%
Detection rate
48hr
Advance warning
0
False negatives
Results

Proven at scale

Deployed across T-Mobile's entire North American data center fleet. Expanding with Verizon. Piloting with AWS and Supermicro.

Get started

See what 8kHz visibility looks like

Request demo

Composition by Purpose

Purpose x surface composition matrix. Each cell has rules in YAML. Cells with visual specimens are rendered below.

Web page
Ad banner
Email
Slides
Dashboard
Hardware
Chat
Persuade
See above
Specimen
Specimen
Rules only
-
-
-
Inform
Specimen
-
-
Rules only
-
-
-
Analyze
-
-
-
-
Specimen
-
-
Convert
Specimen
-
-
-
-
-
-
Identify
-
Specimen
-
-
-
Physical
-
Assist
Embedded
-
-
-
-
-
Specimen

Specimen = rendered below. See above = integrated specimen in previous section. Rules only = YAML rules, no visual render. Physical = not renderable in HTML. - = not applicable.

Inform x Web page
Documentation
Getting Started
Installation
Configuration
API Reference

Installation

Install the design token package from GitHub Packages.

npm install @verdigristech/design-tokens
Tip
Use the OKLch CSS import for modern browsers. HSL fallback available for email clients.
Convert x Web page

Simple pricing, serious infrastructure

One plan. Full platform. No per-sensor fees.

Starter
$2,400/mo
Up to 10 sensors. Email alerts.
Get started
Recommended
Professional
$8,500/mo
Up to 100 sensors. Real-time detection. API access.
Get started
No credit card required
Enterprise
Custom
Unlimited sensors. Dedicated support. SLA.
Contact sales
Analyze x Dashboard
Active sensors
2,847
Faults detected
23
Capacity recovered
4.2 MW
Uptime
99.97%
Power draw (24h)
00:00 12:00 24:00
Active alerts
Panel B3 arc fault 2m ago
UPS-7 harmonic shift 14m ago
Chiller 2 phase imbalance 1h ago
Persuade x Ad banner (300 x 250)
Verdigris
See faults 48 hours before they happen
Learn more 8kHz sub-cycle
Persuade x Email (600px)
Verdigris
Your monthly energy intelligence report

3 new faults detected across your portfolio. 1.2 MW of stranded capacity identified. Here's what changed this month.

View full report
Verdigris Technology, Inc. · San Francisco, CA
Identify x Ad banner (brand recognition, Z-pattern)
Verdigris
Electrical Intelligence
Assist x Chat (human-to-AI)
You
What caused the power spike on Panel B3 yesterday at 14:23?
Assistant
Panel B3 experienced a 340A transient at 14:23:07 UTC, lasting 12ms. The signature matches a motor inrush event on Circuit 14.
Peak current
340.2 A
Duration
12.4 ms
Confidence
94.7%
Source: Sensor B3-014, sampled at 8kHz. Classification: motor inrush, non-critical. No action required.

4px Grid

1 · 4px
2 · 8px
3 · 12px
4 · 16px
5 · 20px
6 · 24px
8 · 32px
10 · 40px
12 · 48px
16 · 64px
20 · 80px
24 · 96px
32 · 128px
Border Radius
sm md base xl full

Contrast Rules

PASS — Teal on dark (9.5:1)
Electrical Intelligence
Brand teal is safe on neutral.950 and darker backgrounds.
FAIL — Teal on white (2.09:1)
Electrical Intelligence
Brand teal as text on white fails WCAG AA. Use neutral.900 for text instead.

Brand Assets

Color Values

Hex values for print, email, and Figma

npm install @verdigristech/design-tokens

Import from hex/colors.json · Pantone: PMS 3262 C

CSS Variables

OKLch (modern) or HSL (legacy) custom properties

@import '@verdigristech/design-tokens/css/oklch'

Tailwind Preset

Drop-in preset for Tailwind CSS projects

import preset from '@verdigristech/design-tokens/tailwind'

Typography

Load via Google Fonts (free, OFL licensed)

Inter 400-700 · Lato 700 · JetBrains Mono 400

Logo Lockups

Recovered canonical SVG lockups for light and dark surfaces.

assets/logos/brand/logo-green.svg
Verdigris logo — teal
assets/logos/brand/logo-white.svg
Verdigris logo — white

Banner Asset

Recovered canonical marketing-site banner defining approved Verdigris brand treatment.

assets/banners/verdigris-banner.avif
Verdigris brand banner