...
| Info |
|---|
LUX is a living breathing design system and is always changing and improving. Make sure to revisit this space regularly to ensure you are designing and implementing with the current guidelines. |
Intro
As Verint's official design system, LUX serves a wide range of designers and developers building digital products and experiences. The goals of the system include improving UI consistency and quality, making the design and development process more efficient and focused, establishing a shared vocabulary between designer designers and developerdevelopers, and providing clear, discoverable guidance around design and development best practices.
...
LUX is the official implementation of Verint's Design Language for product and web designers, and represents an ever-growing ecosystem of design assets and guidance. With a comprehensive set of human interface guidelines, design kits, and documentation, LUX helps designers work faster and smarter.
https://zpl.io/VqOrWX5Verint LUX Zeplin Project
...
Developers
LUX is also built for developers. Our front-end library is libraries are continuously maintained by the core UX team, and Product Design Group for specific languages. The library included here serves as a fully functional example of the Verint Design Languagedesign language. This library is a platform-agnostic UI implementation of our components and patterns which can be used in production if your chosen development environment and framework is suitable.
Our platform-agnostic example implementation is a fork of the open source Bootstrap JavaScript library. The library is written in ES6+, SCSS, and HTML and ships deliverables in vanilla JavaScript in ES5 as well as ES6, CSS, SCSS and HTML.
...
We will work with specific design teams to help them implement LUX using for specific platforms and frameworks. We hope to be able to share and reuse those specific implementations in the future across different development teams within Verint. LUX platform-specific implementations in Ext JS and React are currently in the pipeline.
...
Looking to quickly add Verint components for design concepts and prototypes? Use the internal Verint CDN, hosted at ux.verint.comFor quick usage, copy the code samples included below. For production usage, download the source files here:
...
Many of our components require the use of JavaScript to function. Specifically, they require jQuery, Popper.js, and our own JavaScript plugins. Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first , then Popper.js, and then our JavaScript plugins.
...
By default, all our components come pre-built for WCAG AA and Section 508 accessibility standards. To use our default accessibility settings, include the following in your <head> section. More information about icons accessibility can be found in the Accessibility section.
...