Interfaces in deep black.

Open source React components: near-black backgrounds, graphite cards, thin headings and a single accent color.

$ npm install trc-ui

Calm by design

Three rules carry the whole library, so every page you build stays consistent.

Near-black backgrounds, graphite cards and a single accent color. Nothing shouts.

Light Montserrat headings carry the page, with one accent word per title.

Pills that stretch, cards that wake up: interactions you notice without distraction.

From the floating header to the card footer, with forms that are accessible out of the box.

Thin headings, accent words, step numbers.

The signature button, with its stretching dot.

Graphite cards, inset sections, containers.

Fields, select, checkbox and switch, wired for screen readers.

Floating header with dropdowns, footer as a card.

Photo and video heroes inset from the edges.

Pick your brand color, check its contrast on deep black and copy the code.