Lexicon is a design language created with the aim of providing a common framework for building interfaces within the Liferay product ecosystem. A guide to foundations, components, patterns and contexts of use that contributes to give consistency and coherence to these products and, ultimately, provide a satisfactory and unified experience to its users.
Lexicon is a constantly evolving project. An iterative work that seeks to improve and gradually adapt to the evolution of technology and people.
The Lexicon approach to interface design is based essentially on modularity. It is configured as a system that from a controlled number of components is able to respond to the multiple and different needs of liferay products. An exercise in synthesis, abstraction and coordination that seeks to simplify processes, reduce production times and, above all, to guarantee the consistency we want for the use experience.
For this, the construction of Lexicon is based on the Atomic Design theoretical approach. A work methodology based on modularity that seeks to give a more hierarchical and organized logic to the creation of interfaces design systems. This methodology has been ideated and developed by the designer Brad Frost and is based on nonlinear process organized across five stages: Atoms, Molecules, Organisms, Templates and Pages.
Lexicon Site is then presented as the necessary platform for the diffusion and access to Lexicon system by designers, developers or any other person involved in the creation of digital products. Mainly focused on Liferay community, but open to anyone who wants to make use of its content and also want to contribute with their own proposals and suggestions.
Lexicon Site tries to collect all patterns created using Lexicon in Liferay products. This doesn't mean that all of them are reflected in Clay. Clay only implements those patterns that are of common use in several of our products and/or applications, providing a maintenance as they are more important not only for us but also for you. In this way, the components are labeled in the following way
|VIEW IN CLAY||Providing a link to the pattern implementation.|
|PRODUCT NAME||Informing that the pattern is use in a concrete product or application.|
|PENDING||The pattern has been designed and will be implemented either in Clay or a Product/Application.|
Lexicon is not an implementation, it is just a set of patterns, rules and behaviors. Many different libraries could implement Lexicon. Liferay's Lexicon Experience Language web implementation is Clay.