# Example artwork

The homepage and Examples collection share these fragments. Their surrounding
layout, introductions, and next actions stay on each page.

---

<!-- componentName: book-preview -->

## Book covers

```html
<img src="/examples/bookcase/covers/9780441569595.jpg" alt="" width="110" height="165" loading="lazy" />
<img src="/examples/bookcase/covers/9780141439518.jpg" alt="" width="110" height="165" loading="lazy" />
<img src="/examples/bookcase/covers/9780399590504.jpg" alt="" width="110" height="165" loading="lazy" />
```

---

<!-- componentName: opera-preview -->

## The Opera Game

```html
<img src="/examples/previews/opera-game.svg" alt="The Opera Game’s final position, with White’s rook delivering checkmate on d8." width="360" height="360" loading="lazy" />
```

---

<!-- componentName: color-preview -->

## A color in context

```html
<img src="/examples/previews/color-context.svg" alt="Two coral squares against deep teal and pale peach backgrounds." width="640" height="400" loading="lazy" />
```