# Banner macro examples

## Banner 1

‹›

![Abstract blue gradient](https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080)

### Introducing the new experience

A faster way for teams to find, share, and ship knowledge.

[See what changed](https://example.com)

![Warm abstract shapes](https://images.unsplash.com/photo-1622547748225-3fc4abd2cca0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080)

### Built for collaboration

Comments, reviews, and approvals on the same page.

[Explore features](https://example.com)

![Creative workspace flat lay](https://images.unsplash.com/photo-1533158326339-7f3cf2404354?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080)

### Ready when you are

Swap in your screenshots and publish in minutes.

[Get started](https://example.com)

---

## Banner 2

![Mountain landscape](https://images.unsplash.com/photo-1506905925346-21bda4d32df4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080)

### Welcome to the program hub

Milestone updates, decision logs, and key resources.

[Read the overview](https://example.com)

---

## Banner 3

![Team working together](https://images.unsplash.com/photo-1522071820081-009f0129c71c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080)

### New here? Start with the guide

Setup steps, templates, and FAQs for your first week.

[Open the guide](https://example.com)