---
title: "Shape element: structure a section"
description: "Add a graphic block (rectangle, square) to structure a section: a separator, a frame or a colored area that highlights your content."
url: https://docs.vivlab.com/en/editor/menu/block
---

# Shape

The **Shape** element is an empty graphic block (rectangle, square) that helps structure a section: creating a separator, framing a group of elements, drawing a colored area to highlight content, etc.

It contains no text or image by itself: it's a purely visual block.

## Settings

The side panel only exposes the [style panel](https://docs.vivlab.com/en/editor/style/index.md). There you configure the [background](https://docs.vivlab.com/en/editor/style/background.md) (solid color, gradient or image), [borders](https://docs.vivlab.com/en/editor/style/border.md), [corner radius](https://docs.vivlab.com/en/editor/style/border-radius.md), [shadow](https://docs.vivlab.com/en/editor/style/box-shadow.md), [inner margins](https://docs.vivlab.com/en/editor/style/padding.md), [vertical alignment](https://docs.vivlab.com/en/editor/style/align.md) of the inner content and [transitions](https://docs.vivlab.com/en/editor/style/transition.md).

## Nesting elements

A **Shape** block can welcome other elements (texts, images, buttons…) by drag and drop. This is how you build, for example, presentation cards: a Shape block with a colored background, containing a title, an image and a button.