The #1 open source metadata platform.
Community stats rendered in the site's signature "frame + tiles" grid: a solid border-colored frame holding white tiles separated by a 2px gap.
Six capabilities your AI stack is missing.
The capability panel: a cyan-ringed frame containing dark-navy tabs on the left and a white content panel on the right; the active tab lightens to pale cyan.
Warm paper ground, single cobalt brand hue.
Real hex pulled from the site's `--dh-*` custom properties.
Plantin serif headlines, Lab Grotesque body.
Live site uses Plantin MT Pro (Adobe Typekit, licensed) and Lab Grotesque (licensed, self-hosted, weight 300 default). This preview substitutes Source Serif 4 and Work Sans.
Sweep-fill buttons, framed tiles.
Buttons below use the real two-layer construction: outer frame color, inner tile, and a fill layer that slides in from the left on hover.
Quick token summary.
:root {
--dh-surface-warm: #F2F1EE;
--dh-border-default: #E3E1D6;
--dh-text-primary: #000000;
--dh-text-secondary: #3F3F3F;
--dh-cta-primary: #006DCD;
--dh-cta-primary-hover: #0A4170;
--dh-navy-deep: #002131;
--dh-surface-bold: #3CBBEB;
--dh-surface-subtle: #CFF6FF;
--font-display: "Plantin MT Pro", Georgia, serif;
--font-body: "Lab Grotesque", Arial, sans-serif;
--dh-content-max-w: 1320px;
--btn-outer-radius: 2.5px;
--btn-inner-radius: 6px;
--radius-tile: 10px;
--ease-standard: cubic-bezier(.4, 0, .2, 1);
--dur-sweep: .25s;
}