One shape. Two fonts. Ten colours.
Lario UI is the system behind Lario: the tokens, components and patterns that make a landing page, a deck and a product screen read as one product.
Colour comes from photography, not from fills.
White page, zinc text, hairline borders. The only bright thing on a Lario surface is the mark - everything else gets its colour from a daylight photo behind it.
Start here
Foundations
The decisions every component inherits.
Components
10 pieces, each with a live demo, its measured specs, guidelines and an accessibility pass.
Patterns
Compositions - the pieces in the arrangement a Lario page actually uses them in.
Lario UI documents the brand system, not the product. Product claims, pricing and testimonials belong to Lario and are never invented here. Read the principles before you add a page.