Palette 1

Surface 2

Text 1

Text 2

Text 3

contrast 1 contrast 2

border 1 border 2 border 3

Palette 2

Surface 2

Text 1

Text 2

Text 3

contrast 1 contrast 2

border 1 border 2 border 3

Palette 3

Surface 2

Text 1

Text 2

Text 3

contrast 1 contrast 2

border 1 border 2 border 3

Palette 4

Surface 2

Text 1

Text 2

Text 3

contrast 1 contrast 2

border 1 border 2 border 3

This is heading 1

This is heading 2

This is heading 3

This is intro

This is body-1

This is body-2

This is body-3

This is body-4

Scoped text

Amet aspernatur dolores esse laborum maxime obcaecati quis quos similique veniam voluptatum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ducimus ea eius, harum ipsa nihil odio pariatur provident ratione reprehenderit voluptas voluptatibus! Lorem ipsum dolor sit amet, consectetur adipisicing.

Consectetur adipisicing elit. Animi asperiores assumenda beatae delectus, doloremque ducimus ea eveniet facilis fuga harum id in iste iure laudantium maxime nam perspiciatis provident quasi quod reiciendis reprehenderit sint, sunt tempora vero vitae accusantium aliquid distinctio.

Scoped unordered list

Consectetur elit.
Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
Accusantium blanditiis cupiditate
- Consectetur elit.
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
- Accusantium blanditiis cupiditate
Lorem ipsum dolor sit amet
Quia sapiente ut voluptatem

Scoped ordered list

Accusantium blanditiis cupiditate
Quia sapiente ut voluptatem
1. Accusantium blanditiis cupiditate
2. Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
3. Lorem ipsum dolor sit amet
Explicabo ipsam maiores nemo non nulla odio pariatur.
1. Consectetur elit.
2. Lorem ipsum dolor sit amet
3. Quia sapiente ut voluptatem
Lorem ipsum dolor sit amet
Accusantium blanditiis cupiditate