oimpresso-design

To prototype an ERP UI with a 3-column layout and dark mode, generate HTML artifacts using the mandatory 260px dark sidebar, 1fr main, and 320px linked apps Cockpit structure. The Skill applies brand tokens and CSS variables to ensure on-brand visual consistency without hardcoded colors.

The mandatory structure for Oimpresso Cockpit UI screens is a 3-column layout consisting of a 260px dark sidebar, a 1fr main content area, and a 320px linked apps panel. This layout enforces visual consistency and supports linked-apps patterns across ERP modules.

To use origin badges when designing ERP module stubs, apply the specific origin badge constraints using the designated codes OS, CRM, FIN, PNT, or MFG. These badges identify the source system of data within your Cockpit UI and are a mandatory requirement for production UI planning.

You can use this Skill for both throwaway HTML prototypes and production-grade UI code decisions. It provides canonic CSS and a UI kit that apply Oimpresso design tokens and mandatory layout rules, ensuring visual assets are brand-correct whether used for mocks or actual ERP screens.

No, you do not need hardcoded colors to theme the Oimpresso ERP Cockpit. The Skill enforces brand token usage via CSS variables, applying the Oimpresso color system, dark mode theming, and IBM Plex typography dynamically without requiring hardcoded color values in your UI code.

The best way to ensure brand consistency across ERP UI screens is to apply the provided Oimpresso design tokens, canonic CSS, and mandatory Cockpit layout rules. This approach guarantees correct typography, dark mode theming, and origin badge usage across all module stubs and visual assets.