Watt Data

Brand Book — Version 1.0 — March 2026

Watt.

The data grid for AI agents.

Confidential — Internal Use + Agency Handoff

00 — Contents

What's inside.

01Brand FoundationPositioning + voice

02Color PalettePrimary + accents

03TypographySyne + Serif + Mono

04The Graph MotifVisual signature

05ComponentsButtons, badges, cards

06Spacing & GridLayout system

07Page PatternsSection templates

08Voice & CopyDo / don't

01 — Brand Foundation

Why Watt exists.

Mission

Make the world's data usable by AI systems, monetizable by everyone.

Category definition

Watt is the private data infrastructure layer for AI agents. Not a data vendor. Not an AI app. An infrastructure layer — like Snowflake for storage, Stripe for payments, Watt for people and company data.

Primary tagline

The data grid
for AI agents.

Positioning

Infrastructure, not an app

Watt is the data substrate under your GTM stack — not the UI on top of it.

Audience

AI builders + GTM engineers

Developers building agents and the engineering-minded teams deploying them.

Tone

Technically confident

Precise. Direct. Specific. The product does the talking. No buzzwords.

The Mark

Dot-grid W.

64×64

32×32

16×16

Watt.Dark

Watt.Light

The mark is a 5×5 dot grid. Volt green nodes spell a W. The indigo node sits in the valley — a second data point implying connection. Ghost grid shows the full coordinate system.

02 — Color Palette

Five colors. One system.

Watt Black

#0D0D0D

Nav · Footer · Dark sections · Text

Volt

#C8FF00

Primary CTA · Accent on dark · Brand signature

Indigo

#5C7CFA

Secondary accent · Badges · Tags · Hovers

Warm White

#F5F2EC

Primary bg · Hero · Cards

Off-White Alt

#EDEAE3

Alt sections · Logo bar · Surfaces

Warm Gray

#6B6860

Body text · Subheadings · Captions

Signal Gray

#888780

Muted text · Nav links · Mono labels

Color usage rules

Use volt exclusively on dark (#0D0D0D) backgrounds

Use indigo for informational tags, badges, and hover states

Alternate between #F5F2EC and #EDEAE3 for section rhythm

Keep volt and indigo as true accents — one element per section max

Use warm white (#F5F2EC) for card backgrounds on #EDEAE3

Don't

Use volt green on light backgrounds — it becomes illegible

Use pure white (#FFFFFF) as a page background — use warm white

Mix volt and indigo on the same element

Use gradients, blur, or glow effects

Add more accent colors — the system is intentionally limited

Section background rhythm

Nav

#0D0D0D

Hero

#F5F2EC

Logos

#EDEAE3

Stats

#0D0D0D

Cards

#F5F2EC

Pattern: dark nav → light → alt → dark contrast moment → light → repeat. Never two dark sections back-to-back.

03 — Typography

Three fonts. One voice.

Display + UI

Syne

Headlines, nav, buttons, body text, all UI elements. The primary voice of Watt.

Editorial

Instrument Serif

Large hero moments, pull quotes, the footer tagline. Use sparingly for gravitas.

Technical

DM Mono

Stats, labels, badges, code blocks, eyebrows, DM Mono wherever numbers or data appear.

Display

Syne 800 · 72px

tracking -0.04em

Watt.

Syne 700 · 56px

tracking -0.03em

The data grid for AI agents.

Serif Hero

Instrument Serif italic

56px · used sparingly

for AI agents.

Syne 700 · 36px

tracking -0.02em

Everything your agents need to act on data.

Syne 500 · 22px

Semantic Search

Body

Syne 400 · 16px

line-height 1.7

Watt unifies 25,000+ global data sources into a single petabyte-scale model that AI agents can query in milliseconds. Not aggregated fields. Raw signals.

Mono Label

DM Mono 400 · 11px

tracking 0.14em · uppercase

Data Infrastructure · Endpoints · Getting Started

Mono Stat

DM Mono 500 · 40px

50,000+

Mixed headline

Syne 700 line 1

Serif italic line 2

The data gridfor AI agents.

04 — The Graph Motif

The visual signature.

The reasoning graph is Watt's core technical innovation — and it's also the visual language of the brand. Square volt-green nodes (data points) connected by edges (relationships) drifting slowly across a dark background.

The squares are deliberate. Circles feel organic and generic. Squares feel technical, precise, grid-native — exactly the right signal for infrastructure.

Motif rules

Volt-green squares for data nodes (18% of total nodes)

Gray squares for secondary nodes (82% of total)

Edges activate on mouse proximity — interactive on hero only

Static (non-interactive) version for backgrounds and banners

Always on dark background — never render on light bg

The data gridfor AI agents.

Hero canvas — interactive, nodeCount: 32, opacity: 0.4

The dot grid above is a static approximation. The live canvas uses requestAnimationFrame with drifting nodes, proximity-activated edges, and traveling volt pulses.

Hero (interactive)

nodeCount: 32 · interactive: true · opacity: 0.4

Stats band (texture)

nodeCount: 16 · interactive: false · opacity: 0.2

Footer (subtle)

nodeCount: 14 · interactive: false · opacity: 0.12

05 — Components

The building blocks.

Buttons

Light backgrounds

Primary: #0D0D0D bg · #F5F2EC text · 4px radius
Ghost: transparent · rgba(13,13,13,0.25) border

Dark backgrounds

Primary: #C8FF00 bg · #0D0D0D text · 4px radius
Ghost: transparent · rgba(245,242,236,0.25) border

Badges & tags

On light backgrounds

ArchitectureGTM EngineeringData IntelligenceReasoning GraphEnterprise MCPFully Whitelabeled

On dark backgrounds

ArchitectureReasoning GraphEnterprise MCP

Cards

Semantic Search

Let customers prompt how they want

Watt deconstructs the query and builds dynamic audiences on intents and behaviors.

Analyze Customers

Advanced ICP and persona analysis

Auto-analyze a customer list to perform a highly advanced ICP and persona analysis.

Technical

Reasoning Graph

Enables an LLM to traverse petabyte scale data in sub-second within its context window.

Enterprise

Enterprise Grade MCP

Easily build AI products and agents on top of MCP primitives and endpoints.

Stat display

250M

Verified consumer identities

50K+

Daily intent signals per identity

1.4T

AI consumable data points

30 min

Zero to integration with SDK

Code blocks

const result = await watt.query({

prompt: 'CTOs at Series B SaaS companies in NYC',

'who searched for data infrastructure last 30 days',

mcpServers: { watt: 'https://api.wattdata.ai/mcp' }

});

// Returns: 847 matches with intent signals + contact data

Keywords: #C8FF00 (volt) · Strings: #5C7CFA (indigo) · Comments: #888780 · Border-left: 2px volt

Navigation

Watt.

ProductDevelopersResearchPricing

Always dark background. Wordmark: Syne 700. Links: DM Mono 11px #888780. CTA: volt on dark. Sticky with backdrop-blur on scroll.

Announcement banner

Check us out in the 2026 State of GTM Engineering report. Read now →

Background: #5C7CFA (indigo) · Text: white · Font: DM Mono 12px · Always above nav · Dismissible

Benchmark rows

Coverage

% of US adults with 1,000+ data points

95%

61%

Watt

Others

Density

Median data points per identity

50,000+

~300

Watt

Others

Accuracy

Field-level accuracy on verified holdout

67%

72.1%

Watt

Others

Freshness

Median data age across all fields

<24hr

>7 days

Watt

Others

06 — Spacing & Grid

The layout system.

Spacing scale

4px

8px

12px

16px

24px

32px

48px

64px

80px

Border radius

4px Buttons

8px Inputs

12px Cards

16px Large

pill Badges

Section vertical padding

Section padding: 80px top/bottom
Container max-width: 1100px
Container padding: 0 48px
Card gap: 16px standard, 24px large
Grid gap: 12px compact, 24px standard

07 — Page Patterns

How sections are built.

Section anatomy — light

Section eyebrow · DM Mono 10px · #6B6860

Section headline · Syne 700 · 32-42px

Optional subhead in Syne 400 16px #6B6860. Max width 560px. Never more than 2 lines.

Section anatomy — dark contrast

Your competitors' agents see ~300 data points per person.

Yours can see 50,000+.

Footer pattern

Make the world's data
usable by AI.

Watt.

The data grid for AI agents.

Product

Developers

Pricing

Integrations

Company

About

Research

Case Studies

Careers

Legal

Acceptable Use

08 — Voice & Copy

How Watt speaks.

Voice character

“Technically confident, not technically arrogant.”

The CTO in the room who's already solved the problem you're still debating. Explains with specifics, not buzzwords. Precise. Direct. A little dry. The product does the talking.

Copy principles

Lead with numbers. "50,000 data points" not "rich data"

Name the thing. "Watt" not "our platform." "50,000 signals" not "data enrichment"

Short sentences. If a sentence has two clauses, make it two sentences

Specificity over generality. Real use cases, real numbers, real outcomes

No AI buzzwords. Never: "revolutionary," "transformative," "next-gen," "unlock"

Write like this

"50,000 data points per entity. ZoomInfo has ~300."

"Your agent sends a LinkedIn URL. Watt returns household net worth, search intent, and purchase signals."

"Zero to integration in 30 minutes."

"Legacy tools expose answers. AI agents need access to the underlying signals."

Never write like this

"We're revolutionizing the data landscape with AI-powered insights."

"Unlock the power of your go-to-market motion with next-gen intelligence."

"A comprehensive solution for modern GTM teams."

"Our cutting-edge platform transforms how you access data."

Questions on brand application

wattdata.ai