Skip to content

Tools

Theme customizer

Your brand on dsgn, with the contrast checked as you go. It runs the same theme engine as npx dsgn theme: download the files, or copy the config into your project and run the command there.

Also the mode name in Figma.

Button fill
Greys
0.012
Status colours
25°
150°
70°

A CSS font-family list, e.g. 'IBM Plex Sans', sans-serif. Load the font yourself.

Corners
Density
Shadows
Load an existing theme

We only use it for invoices.

Sent Paid Due soon Overdue Draft

Reminders go out at 9:00

In each client's time zone. Change it

Invoice 2026-114

Paid
64 %

We only use it for invoices.

Sent Paid Due soon Overdue Draft

Reminders go out at 9:00

In each client's time zone. Change it

Invoice 2026-114

Paid
64 %

    The source. Keep it in your project and run npx dsgn theme after every change; it also writes the Figma files.