Cerberus
Building a unified design language for large-scale mining software
Connecting every mining tool through one visual language.
Indimin needed a cohesive way to design and evolve its growing suite of mining applications, each built for different users, from control-room engineers to frontline operators in remote sites.
Cerberus DS brought these tools together under one scalable visual framework, improving accessibility, performance, and aesthetic consistency across web and mobile platforms.
Developed in collaboration with internal teams and major mining clients, Cerberus became the visual backbone of Indimin’s product line. It standardized colours, typography, and components while preserving each app’s unique role.
Design at scale requires more than shared colors.
UI Challenge
From fragmented interfaces to one system built for scale.
Indimin’s product suite lacked visual unity and accessibility. The challenge was to align three independent applications (Mine®, Shift® and Operator®) under one scalable, consistent, and inclusive design system adaptable to every platform.
Inconsistent visual identity across three independent products.
Limited accessibility and low color contrast in critical environments.
Fragmented component libraries slowed development and design handoff.
Lack of a shared design language or documentation structure.
Visual Principles
Design clarity rooted in structure, contrast, and adaptability.
Cerberus DS was guided by a clear visual philosophy: create a design language that feels unified yet adaptable to the complexity of mining environments. Every decision; color, type, spacing, or component behaviour, was tested against three principles: legibility under stress, scalability across platforms, and a sense of reliability that builds user trust.
Core Principles
- Color System: Accessible palette balancing industrial contrast with brand warmth.
- Typography: Poppins chosen for geometric legibility in field and desktop contexts.
- Component Logic: Modular foundation enabling rapid scaling and platform alignment.
- Iconography: Custom “Indicons” capturing mining-specific elements with clarity.
Design System 1/3
Clarity begins with strong visual foundations.
Cerberus DS established the core visual grammar for all Indimin products. Color, typography, spacing, and motion were defined to ensure consistency and accessibility in every context, from control-room dashboards to mobile field tools.
Color System: High-contrast palette.
Typography: Poppins for balanced geometry + legibility.
Grid & Spacing: 8 pt modular rhythm across breakpoints.
Accessibility: WCAG AA/AAA compliance.
Design System 2/3
From styles to components; structured, reusable, future-ready.
Before Figma Variables or token plugins existed, Cerberus relied on shared Styles and strict naming to emulate token behaviour. These foundations evolved into a documented component library, flexible enough for new modules, consistent enough for every screen.
Essentials: Buttons, inputs, toggles, modals, navigation.
Variants & States: Focus, hover, disabled, error.
Structure: Consistent spacing, radius, alignment logic.
Documentation: Layer naming + usage rules inside Figma.
Design System 3/3
Scaling one design language across platforms and products.
Cerberus DS unified Mine®, Shift® and Operator® through a single, adaptable design logic.
Patterns and layouts scale seamlessly between web and mobile while retaining each product’s purpose.
Custom Indicons (a proprietary icon set for mining equipment and processes) extend the system’s visual language across every platform.
All documentation was implemented in Supernova.io, where every component and style is accessible to designers and developers.
Pattern Library: Dashboards, tables, forms, cards.
Cross-Platform: Responsive rules for web + mobile.
Indicons Set: 100 + icons harmonized with brand style.
Documentation: Pattern usage + component dependencies.
UI in Action
A unified visual language across every product and platform.
Each Indimin product now shares the same visual DNA. Components, hierarchy, and motion behave consistently, enabling users to move between tools without friction or relearning.
System Integrity
Designed for clarity, inclusivity, and performance, anywhere.
Cerberus DS was built to perform in real industrial contexts, where readability, contrast, and responsiveness directly impact usability. Every color, type scale, and layout adapts fluidly to different devices, lighting conditions, and connectivity levels, ensuring accessibility beyond compliance.
Outcome
A scalable system powering clarity, trust, and growth.
Reduced iteration cycles by ~25%
Unified 3 independent products under one system
Achieved WCAG AA across all apps
System integrated into all new product modules
