MotherDuck

About MotherDuck

A serverless DuckDB analytics platform. Fits data-platform SaaS, analytics tools, dev-data products, and OLAP-platform landing page designs.

Request a DESIGN.md analysisCustom, made for MotherDuck Website Starter KitBuild your site from a starter template

Design tokens

17 colors · 14 type styles

Soft sky (#97d4ff) primary on an off-white (#f8f8f7) canvas, set in Aeonik Mono for headlines and Inter for body text. The highlights below are read from the MotherDuck DESIGN.md in the Pass bundle, which carries all 17 color tokens, 14 type styles and the full component rules.

Colors

Primarysoft sky#97d4ff
Secondaryvivid yellow#ffde00
Canvasoff-white#f8f8f7
Surfacepure white#ffffff
Inkgraphite#383838

Type

Aeonik MonoDisplayweights 300, 500, 600, 40 to 56px
InterBodyweights 300, 400, 600, 14 to 20px
Aeonik FonoMonoweight 400, 14px

Radius

none 0px
xs 2px
sm 3px
full 9999px

Spacing

xxs 4px
xs 8px
sm 12px
md 16px
lg 24px
xl 32px
xxl 48px
xxxl 64px
section 72px

Components

Primary buttonbutton-primary
Primary buttons fill with soft sky (#97d4ff) and carry graphite (#383838) text, set in Aeonik Mono 16px at weight 600, with 2px corners and 11.5px 18px padding.
Cardfeature-card
Cards sit on pure white (#ffffff) behind a graphite (#383838) hairline, with 2px corners and 24px padding.
Navigationnav-bar
The top navigation runs on off-white (#f8f8f7) with graphite (#383838) links, set in Aeonik Mono 14px at weight 500.

Three ways to ship a MotherDuck-style UI.

Use in your AI builder, no-code tool, or CMS

Lovablev0BoltFramerWebflowWordPressWixSquarespace CanvaGoDaddy

Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.