Skip to content

YunLeFun Design

A little sky,
in every interface.

The design language and components of YunLeFun. Clear structure, a little imagination, and room for effortless interactions.

Light surfaces. Clear feedback. Try every detail yourself.

A little sunshine today

Make the sky yours

Sky blue

Explore the light, color and feel of your interface.

A shared language,
from the details.

Visual foundations

Every color has a purpose

Give content room to breathe

Aa Cloud

Clear type. Comfortable spacing.
Keep the focus on what matters.

From design to interface

One shared language, across your products.

  1. Understand the design

    Explore the choices behind the brand, visual foundations and interactions.

    Design system
  2. Start building

    Bring shared styles and Vue components into your next interface.

    Get started
  3. Build consistency

    Move existing interfaces toward shared colors, typography and patterns.

    Migration guide