# Overlapping elements

Visual element sample: Layout › Layering
Source: https://visual-gallery.asami.tokyo/en/styles/layout-layering-overlapping

Image, text and shapes partly overlap one another.

## Visual traits
- A text panel overlaps about a third of the image block
- An accent shape overlaps both of them
- Overlap creates clear front-to-back order without shadows

## Prompt
Overlapping elements: let a text panel overlap about a third of an image block and an accent shape overlap both, creating front-to-back order without shadows.

## Avoid
separated elements, no overlap, grid with gutters