---
title: 'Hero Images'
url: 'https://dedc.de/en/particles/hero'
markdown: 'https://dedc.de/en/particles/hero.md'
lang: en
date: '2026-11-06'
description: 'All examples Hero Images Compact Small Medium Large Fullscreen Light image overlay Parallax effect'
---

[All examples](https://dedc.de/en/particles)

# Hero Images

- [Compact](https://dedc.de/en/particles/hero/kompakt)
- [Small](https://dedc.de/en/particles/hero/klein)
- [Medium](https://dedc.de/en/particles/hero/mittel)
- [Large](https://dedc.de/en/particles/hero/gross)
- [Fullscreen](https://dedc.de/en/particles/hero/vollbild)
- [Light image overlay](https://dedc.de/en/particles/hero/hell)
- [Parallax effect](https://dedc.de/en/particles/hero/parallax)

---

## Navigation

- Parent: [Particles: Examples](https://dedc.de/en/particles.md)
- Previous: [Feature Cards](https://dedc.de/en/particles/features.md)
- Next: [Page Cards](https://dedc.de/en/particles/kacheln.md)
- Children:
  - [Compact Hero Image](https://dedc.de/en/particles/hero/kompakt.md)
  - [Small Hero Image](https://dedc.de/en/particles/hero/klein.md)
  - [Medium Hero Image](https://dedc.de/en/particles/hero/mittel.md)
  - [Large Hero Image](https://dedc.de/en/particles/hero/gross.md)
  - [Fullscreen Hero Image](https://dedc.de/en/particles/hero/vollbild.md)
  - [Light Image Overlay](https://dedc.de/en/particles/hero/hell.md)
  - [Parallax Image](https://dedc.de/en/particles/hero/parallax.md)