Skip to content

Latest commit

 

History

History
24 lines (13 loc) · 563 Bytes

session-2-liferay-ui-frameworks.md

File metadata and controls

24 lines (13 loc) · 563 Bytes

Session #2. Liferay UI Frameworks

Lexicon

Liferay has its own "design language" called Lexicon, the concept is similar to Material Design by Google.

It is a kind of philosophy to create a consistent user experience using recommendations:

A design language usually includes categories as:

  • Color
  • Grid (based on Bootstrap CSS)
  • Responsive Layout
  • Typography

Clay

Clay is the implementation of Lexicon built on top of Bootstrap.

  • Translates LESS to SASS
  • Includes a component library