Molca Design System
One language for every Molca product — from the MES web portal to digital twins, AR and VR. Shared foundations, a UI system per platform, and a library of implemented components.
Three ways in
Foundations, UI System and Library follow the platform you pick. Universal codes stay the same everywhere.
Logo, color, typography, spacing, density and design tokens for this platform. Status, OEE and alarm codes are identical on every platform.
How to design for this platform: getting started, Figma kits, components & variants, layout rules and reference mockups.
Implemented, installable building blocks: components, blocks, charts and MES components — the code the products ship.
Pick where you build
Clean and neutral
Grey surfaces, black actions and one blue accent. The brand lives in the logo.
Accessible by default
Light, dark and increased-contrast themes, keyboard support and readable data in every component.
One source of truth
The same tokens drive Figma variables and code, so design and build never drift.