Elastic Design System
The Elastic UI (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics.
Visit WebsiteThe Elastic UI (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics.
Visit WebsiteThe engine that drives the Elastic Stack
Elastic uses the Elastic UI framework (EUI) to create internal products that must adhere to our aesthetic standards. It disseminates static assets and UI React components for usage in creating web layouts.
Uses color-blind-safe palettes with strong contrast and has been tested with the majority of assistive technologies.
Adaptable enough to preserve brand and low-level consistency while accommodating a wide range of contexts' needs.
EUI offers a solid foundation for incorporating accessibility into your apps. The offered components make an effort to adhere to WCAG 2.1 standards for semantics, keyboard functionality, color contrast, and other factors. A lot depends on how these elements are put together in the overall page layout to achieve accessibility goals. To design accessible apps, headings, landmarks, page titles, focus management, and accessible names all come together.
As vital as good code, appealing design, and smooth performance are, include accessibility in your app is crucial. It's also crucial to test as you go. Three perspectives can be used to approach accessibility testing: automatic, manual, and empathic thinking. Use manual tests to address more complex cases, automated tests to swiftly cover as much territory as feasible, and empathy to fill in the gaps.
Elastic UI framework (EUI) is the engine that drives the Elastic Stack. It is a framework used to create internal products at Elastic that must adhere to their aesthetic standards.
Elastic ensures accessibility for their UI components by using color-blind-safe palettes with strong contrast and testing them with the majority of assistive technologies. Additionally, the components make an effort to adhere to WCAG 2.1 standards for semantics, keyboard functionality, color contrast, and other factors.
EUI is composable and adaptable enough to preserve brand and low-level consistency while accommodating a wide range of contexts' needs.
Accessibility is crucial for app development because it ensures that the app can be used by as many people as possible, regardless of their abilities or background. It's also a legal requirement in many countries.
The three perspectives used to approach accessibility testing are automatic, manual, and empathic thinking. Automated tests can cover as much territory as feasible, while manual tests are used to address more complex cases. Empathy helps fill in the gaps and ensures that the app is usable and accessible for everyone.
The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.
Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.
The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.
The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.
Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.
Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.
Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.
This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.
GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.
The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.