Themes
The system structure leaves room for theming as its own concern, which helps visual consistency scale without collapsing everything into one monolithic layout pattern.
Design Systems
The Seequent design system is the shared foundation behind a family of cloud products, layouts, and interaction patterns built for technically complex, data-rich workflows. Rather than functioning as a static UI kit, it organizes how foundations, reusable components, templates, responsive layouts, and implementation contexts work together across products like Central, Web Viz, and MySeequent.
Introduction
Section titled “Introduction”This page documents the Seequent design system as a working product asset rather than a visual style guide in isolation. The value of the system is not only in its color, typography, or components, but in how it creates consistency across multiple data-heavy products while still supporting the needs of different layouts, technical contexts, and implementation targets.
System At A Glance
Section titled “System At A Glance”The UI kit already shows the system operating at multiple levels:
- Design foundations covering color, dark mode, typography, icons, layout, imagery, and other core standards.
- Component inventory spanning navigation, messaging, inputs, tables, selection controls, tabs, tooltips, and more.
- Themes, layouts, and implementation targets that connect the kit to real Seequent product surfaces.
- Templates and responsiveness that help the system scale beyond a single screen or product.
How The Kit Is Organized
Section titled “How The Kit Is Organized”The current Seequent UI kit is structured into a set of major areas that make the system navigable and scalable:
- Design
- Components
- Data Visualization
- Templates
- Responsiveness
- Layouts
- Symbols
This matters because it shows the system is not only a library of buttons and inputs. It is organized to support everything from low-level foundations through to higher-order product structures and implementation contexts.
Component inventory
A broad reusable component surface
This curated component showcase is much closer to how the system is experienced in practice, highlighting representative patterns like notifications, data tables, and modal dialogs instead of only listing categories.
Deep Dives
Section titled “Deep Dives”Foundations
Section titled “Foundations”At the foundations level, the kit already establishes the visual and structural rules that keep the system coherent across products. The main page calls out color, dark mode, typography, icons, layout, imagery, and supporting design assets as first-class parts of the system.
What makes this important is that the system is not framed as a thin skin on top of product work. Foundations are treated as the rules that make later component and layout decisions easier to scale and easier to maintain.
Components
Section titled “Components”The component inventory shows the operational depth of the system. It covers the kinds of patterns that technical users rely on repeatedly: accordions, buttons, chips, data tables, date pickers, dividers, lists, menus, messaging and alerts, modal dialogs, notifications, navigation, pagination, process indicators, scrollbars, selection controls, sliders, text inputs, tabs, and tooltips.
This is a strong signal of system maturity. The breadth of the inventory suggests the system is intended to support real application work, not just marketing pages or a narrow UI surface.
Layouts And Templates
Section titled “Layouts And Templates”The kit also separates themes, layouts, and implementations, which is one of the clearest signs that it is designed to scale across a product family rather than a single application. In the implementation mapping, the system already points toward product contexts like User Portal - Central, Web Viz, and MySeequent.
Implementations
The kit explicitly connects the system to real product surfaces, which makes the design system legible as infrastructure for products, not only as a design artifact.
Implementation mapping
The system connects directly to product surfaces
The implementation showcase ties the system back to real Seequent product surfaces, making it clear that the kit supports operational interfaces rather than existing only as an internal library.
What This System Enabled
Section titled “What This System Enabled”The Seequent design system creates more than visual consistency. It provides a shared structure for decision-making across cloud products, layouts, and technical contexts.
It enables:
- more consistent interaction patterns across Seequent products
- faster design decisions through shared foundations and reusable components
- cleaner collaboration between design and implementation
- layout patterns that scale to data-rich, enterprise workflows
- clearer continuity between platform-level thinking and individual product experiences
Applied Product Examples
Section titled “Applied Product Examples”The strongest way to understand this system is to look at where it shows up in product work.