Warm paper, ink borders, duck-pond accents.
A single ground/ink pair carries the page; a five-hue "duck pond" system (sky, garden, sun, watermelon, brand orange) is reserved for diagrams, chips and the selection colour.
A quirky display cap, mono headlines, light body.
Live site uses Aeonik Fono (hero display) and Aeonik Mono (section headlines), both commercial. This preview substitutes Space Grotesk and Space Mono; Inter is already free and unchanged.
Sticker shadows, square-ish corners, duckling sizes.
Buttons and panels carry a heavy 2px ink border with a flat, blur-free offset shadow — no soft drop-shadows anywhere.
"MotherDuck's architecture is an excellent fit for the kind of exploration and unpredictable queries that agents need to be useful."
Read case studyQuick token summary.
:root {
--color-paper: #f4efea; /* header + alternating section bg */
--color-surface: #ffffff;
--color-ink: #383838; /* text, borders, hard shadows */
--color-ink-muted: #818181;
--color-brand-orange: #ff9538; /* selection, glows */
--color-sky: #6fc2ff;
--color-garden: #16aa98;
--color-sun: #ffde00;
--color-watermelon: #ff7169;
--font-display: "Aeonik Fono", sans-serif; /* uppercase only */
--font-mono: "Aeonik Mono", monospace; /* uppercase only */
--font-body: "Inter", sans-serif;
--radius: 2px; /* near-square everywhere */
--border-weight: 2px; /* heavy structural borders */
--shadow-hard: -4px 4px 0 0 var(--color-ink);
--duration-fast: 120ms;
--duration-snap: 30ms;
}