Shapes

Using different shapes can be a great way to add an additional level of information to specific elements, as well as making a diagram look more aesthetically pleasing. Structurizr provides a number of different shapes that you can use to style your diagram elements.


Box

Box

A regular box.

Rounded Box

RoundedBox

A box with rounded corners.

Diamond

Diamond

A diamond shape.

Ellipse

Ellipse

An ellipse.

Circle

Circle

A circle.

Hexagon

Hexagon

A hexagon.

Person

Person

A "head and shoulders" outline, which can be used to represent people, actors, roles, personas, etc.

Robot

Robot

A robot shape, which can be used to represent automated actors (software systems), for example.

Component

Component

A UML component shape.

Folder

Folder

A folder shape, which can be used to represent file systems, for example.

Cylinder

Cylinder

A cylinder shape, which can be used to represent databases or other data storage containers.

Pipe

Pipe

A pipe shape, which can be used to represent queues, for example.

Web Browser

WebBrowser

A web browser shape, which can be used to represent browser-based (e.g. JavaScript) web applications, for example.

Window

Window

A window shape, which can be used to represent desktop applications, for example.

Mobile Device - Portrait

MobileDevicePortrait

A mobile device shape, which can be used to represent mobile apps, for example.

Mobile Device - Landscape

MobileDeviceLandscape

A mobile device shape, which can be used to represent mobile apps, for example.