Abstract purple background

Component test

Text shadow on a background image

The eyebrow, headline and subheadline use the Soft text shadow, which helps them stand out from the image.

Shadow: none

No shadow on the card and slides

The same preset is set on the copy card and the carousel slides, so you can compare them side by side.

Placeholder slide 1 in MySudo brand colors
Placeholder slide 1 in MySudo brand colors
Placeholder slide 1 in MySudo brand colors

Shadow: soft

Soft shadow on the card and slides

The same preset is set on the copy card and the carousel slides, so you can compare them side by side.

Placeholder slide 1 in MySudo brand colors
Placeholder slide 1 in MySudo brand colors
Placeholder slide 1 in MySudo brand colors

Shadow: medium

Medium shadow on the card and slides

The same preset is set on the copy card and the carousel slides, so you can compare them side by side.

Placeholder slide 1 in MySudo brand colors
Placeholder slide 1 in MySudo brand colors
Placeholder slide 1 in MySudo brand colors

Shadow: strong

Strong shadow on the card and slides

The same preset is set on the copy card and the carousel slides, so you can compare them side by side.

Placeholder slide 1 in MySudo brand colors
Placeholder slide 1 in MySudo brand colors
Placeholder slide 1 in MySudo brand colors

Shadow: strong, dark

Strong shadow and text shadow on a dark section

On dark and brand sections the Strong shadow deepens, and the Soft text shadow sits behind the copy.

Placeholder slide 1 in MySudo brand colors
Placeholder slide 1 in MySudo brand colors
Placeholder slide 1 in MySudo brand colors
Abstract lilac and pink placeholder image

Medium shadow on a Media + Text image

The image uses the Medium preset. The copy has no text shadow.

Soft shadow on Product Feature List images

Each item image uses the Soft preset, on the soft gradient background.

  • Placeholder image 1 in MySudo brand colors

    Item 1 with a soft shadow on its image

  • Placeholder image 2 in MySudo brand colors

    Item 2 with a soft shadow on its image

  • Placeholder image 3 in MySudo brand colors

    Item 3 with a soft shadow on its image

  • Placeholder image 4 in MySudo brand colors

    Item 4 with a soft shadow on its image