Design System

      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