Design System

In Development

Opacity

The opacity scale is build in increments to ensure consistent and intentional transparency effects.

opacity/0

0

Sample

opacity/5

0.05

Sample

opacity/10

0.1

Sample

opacity/15

0.15

Sample

opacity/20

0.2

Sample

opacity/25

0.25

Sample

opacity/30

0.3

Sample

opacity/35

0.35

Sample

opacity/40

0.4

Sample

opacity/45

0.45

Sample

opacity/50

0.5

Sample

opacity/55

0.55

Sample

opacity/60

0.6

Sample

opacity/65

0.65

Sample

opacity/70

0.7

Sample

opacity/75

0.75

Sample

opacity/80

0.8

Sample

opacity/85

0.85

Sample

opacity/90

0.9

Sample

opacity/95

0.95

Sample

opacity/100

1

Sample