Skip to main content

Precompiled CSS

Croma Design System provides precompiled CSS files that are ready to be used in your projects, fully adapted to match the styles of our two brands. This allows you to quickly integrate the design system into your website or application without the need for custom compilation.

How to use​

To get started, simply include the appropriate CSS file for your desired brand in your HTML document. Croma support our two brands, Circutor and Circontrol, each with its own unique color palette, typography, and component styles.

  • cds-circutor-bundle.css
  • cds-circontrol-bundle.css
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Project</title>
    <link rel="stylesheet" href="https://unpkg.com/@circutor/ui@5.0.0/css/common/cds-circutor-bundle.css">
</head>
<body>
    <!-- Your content here -->
</body>
</html>

Simply change the href attribute to the correct path where the CSS files are hosted, and your project will be styled according to the selected brand.

Using our precompiled CSS files saves you time and effort, as they come fully optimized for performance and brand consistency. With just a few lines of code, you can ensure that your website or application adheres to the brand guidelines and maintains a cohesive design.

Feel free to explore the precompiled CSS files for both brands and pick the one that suits your project the best.