DataHub Core
The #1 open source metadata platform.
Community stats in the signature "frame + tiles" grid, recolored: mid-navy frame holding dark tiles.
16,000+MEMBERS
3,000+COMPANIES
3M+DOWNLOADS/MONTH
10,000+GITHUB USERS
Built for agents. Trusted by experts.
Six capabilities your AI stack is missing.
The capability panel: cyan frame, dark tabs, active tab lifts to mid-navy with cyan text.
01 · Context graph, unified
02 · Trusted lineage
03 · Data quality
04 · Governance
Metric definitions, data products, domain ownership, runbooks, and SOPs — curated once, served to every agent, human, and dashboard that needs them.
A · Palette
The same navy, promoted from accent to ground.
Every value below is a real DataHub token — reused from its own dark-mode button variants, not invented.
bg / deep navy
#002131
surface / frame
#0A4170
text
#E3E1D6
primary CTA (dm)
#3CBBEB
secondary CTA hover
#006DCD
cyan tile text
#CFF6FF
muted on-dark
#9CCFFF
B · Typography
Same voices, promoted to cyan on navy.
Unchanged from the default extract: Plantin MT Pro for headlines, Lab Grotesque for body. This preview substitutes Source Serif 4 and Work Sans.
Display / H1 · Plantin MT Pro · 400
The Context Platform for AI Agents
Section head · Plantin MT Pro 400 · 34px
The #1 open source metadata platform.
Body · Lab Grotesque 300 · 20px
Your context graph — unified with lineage, quality, and real-time context for every agent to rely on.
Eyebrow · Lab Grotesque 300 · uppercase
New Context Management Platform
C · Components
Cyan sweep-fill, real dark-mode tokens.
These are DataHub's own documented dark-mode button colors, not a guessed inversion.
D · Tokens
Quick token summary.
:root {
--bg: #002131;
--surface: #0A4170;
--text: #E3E1D6;
--muted: #9CCFFF;
--btn-primary-dm-border: #3CBBEB;
--btn-primary-dm-hover-fill: #3CBBEB;
--btn-primary-dm-hover-out-text: #002131;
--btn-secondary-dm-fill: #0A4170;
--btn-secondary-dm-hover-fill: #006DCD;
--font-display: "Plantin MT Pro", Georgia, serif;
--font-body: "Lab Grotesque", Arial, sans-serif;
--btn-outer-radius: 2.5px;
--btn-inner-radius: 6px;
--radius-tile: 10px;
--ease-standard: cubic-bezier(.4, 0, .2, 1);
--dur-sweep: .25s;
}