Doodle 1

Class: .section-doodle. Top Right & Bottom Left decoration.

This is a sample card content to show how the doodle sits behind the content.

Doodle 2

Class: .section-doodle-2. Top Left abstract blob.

Content aligned to the right to balance the doodle on the left.

Doodle 3

Class: .section-doodle-3. Bottom Right geometric shape.

A centered content block floating above the section.

Doodle 4

Class: .section-doodle-4. Green decoration, Top Left.

Centered Feature

Doodle 5

Class: .section-doodle-5. Yellow decoration, Bottom Right.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Doodle 6

Class: .section-doodle-6. Star shape, Top Left.

Doodle 7

Class: .section-doodle-7. Cross shape, Bottom Right.

This is a custom alert component floating in this section.

File-based Doodles

Additional doodles loaded from SVG files.

Blob

Class: .section-doodle-blob

Blob 2

Class: .section-doodle-blob2

Circle

Class: .section-doodle-circle

Cross (File)

Class: .section-doodle-file-cross

Doodle 1

Class: .section-doodle-doodle1

Doodle 2

Class: .section-doodle-doodle2

Doodle 3

Class: .section-doodle-doodle3

Doodle 4

Class: .section-doodle-doodle4

Doodle 5

Class: .section-doodle-doodle5

Doodle 6

Class: .section-doodle-doodle6

Doodle 7

Class: .section-doodle-doodle7

Doodle 8

Class: .section-doodle-doodle8

Doodle 9

Class: .section-doodle-doodle9

Doodle 10

Class: .section-doodle-doodle10

Doodle 11

Class: .section-doodle-doodle11

Hex

Class: .section-doodle-hex

Pie

Class: .section-doodle-pie

Scribble

Class: .section-doodle-scribble

Star (File)

Class: .section-doodle-file-star

Tri

Class: .section-doodle-tri