A Style Toolkit for Preventx apps

An accessible CSS component framework and utility library to help ensure a consistent experience across Preventx's web app product suite.

Read the Docs

Screenshot of a web app designed using Carbon

Placeholder content :)

Easy to customize and implement

A UI style guide, pattern library and component library, full of usability guidelines, examples and source code. Intended for designers and developers working on our web software products.

Responsive

Includes reusable compositional layout primitives to create flexible, responsive layouts not reliant on media queries.

Design Tokens

Using Foundation, our CSS Custom Properties to ensure consistency across products.

Simple JS

Alpine.js used for the all the UI interactions. Easy to replace with any other JS framework.

Icons info

SVG icons or icon fonts - (26,107 icons), Font Awesome info etc.

Fluid Type & Space

Spacing and text scales based on the size of the viewport and follows a sizing ratio.