Liferay · Design system overview
Liferay's design language for digital experience platforms.
A community-authored reference in Markdown. Unofficial; not affiliated with Liferay.
Exactly what ships in liferay-lexicon-design.md. This entry doesn't have a full editorial breakdown yet, so the spec covers the verified facts — profile, official source, and an AI-ready prompt.
# Lexicon — Design Style Reference > **Unofficial, community-authored reference.** Compiled by [designsystems.one](https://www.designsystems.one). Not affiliated with, endorsed by, or sponsored by Liferay. "Lexicon" and related marks belong to their respective owners. This document describes publicly observable style attributes in original words — it contains no copied documentation, logos, icon artwork, or original token files. Always defer to the official source for canonical, current values. **System:** Lexicon **Owner:** Liferay **Official documentation:** https://liferay.design/lexicon/ --- ## Summary Liferay's design language for digital experience platforms. ## Engineering profile - **Ships for:** React, CSS-only - **Token pipeline:** Custom - **Source model:** Open source ## Apply this style with an AI tool Paste this into your AI coding assistant as a direction, then iterate: > Design in the spirit of Lexicon by Liferay — Liferay's design language for digital experience platforms. Match the intent, not the pixels; adapt it to my product rather than cloning it. ## Official reference - [Lexicon documentation](https://liferay.design/lexicon/) --- _Generated by [designsystems.one](https://www.designsystems.one/design-systems/liferay-lexicon) — a catalogue of public design systems. Style facts are reported for reference and education; adapt them to your own product. Report issues or takedown requests via the site._
Want the deep dive?
Lexicon doesn't have a full editorial breakdown yet — those cover origin, governance, token decisions, and the components worth studying. Thirty-seven anchor systems do.
