---
title: 'Images and Text'
url: 'https://dedc.de/en/particles/bausteine'
markdown: 'https://dedc.de/en/particles/bausteine.md'
lang: en
date: '2026-11-06'
---

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

# Images and Text

## A Clear Starting Point

An initial idea becomes a clear plan. A text section can stand on its own without an image.

 ![](https://dedc.de/user/pages/08.particles/02.bausteine/02._links/particles-ai-photo-v1.png) 

## Image on the left: picture first

Individual photographs become a story. On a wide screen the image sits to the left of this text. On a phone the image comes first, followed by this text.

This photo is AI-generated. It shows a worktable with a camera, notebook and a selection of landscape photographs.

## Image on the right: idea first

Text, pictures and small building blocks form a coherent page. On a wide screen the graphic sits to the right of this text. On a phone you read this text first; the graphic follows below it.

The graphic is AI-generated. Blue and raspberry accents reflect the website's design colours.

 ![](https://dedc.de/user/pages/08.particles/02.bausteine/03._rechts/particles-ai-graphic-v1.png)

---

## Navigation

- Parent: [Particles: Examples](https://dedc.de/en/particles.md)
- Previous: [Text and Typography](https://dedc.de/en/particles/typographie.md)
- Next: [Feature Cards](https://dedc.de/en/particles/features.md)