Effect styles


Effect styles are a key part of the design system.

To define Effect styles, we have the following principles: 1. Widely used in design. 2. The number of Effect styles should be as small as possible.

Rules of use

Please try to keep the number of Effect styles below 8.

90% principle: If the Effect styles used in a single product accounts for less than 10%, please do not include it in the design system.

How to use

Effect styles can be added, modified and deleted. Modifying them will affect all components and pages, please proceed with caution.

BG blur 20

Background blur 20