> For the complete documentation index, see [llms.txt](https://www.designreference.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.designreference.xyz/cognitive-tools/ux-laws-principles/interaction/gestalt-principles/parallelism.md).

# Parallelism

Elements that are parallel to each other are seen as more related than elements not parallel to each other.

Parallelism is a Gestalt principle that suggests people perceive elements as being related when they are pointing in the same direction or follow a similar path. In user interface design, this means that even if items are different shapes or colours, our brains will naturally group them together if they are oriented in parallel. This mental shortcut helps users quickly make sense of complex layouts by creating an underlying sense of order and connection without needing extra borders or lines to separate them.

When designers use parallel elements, they can guide a user's eye across a page more effectively. For example, if you have a series of slanted cards or diagonal call-to-action buttons that all lean at the same angle, the viewer will intuitively feel that these items belong to the same category or serve a similar purpose. This is a powerful way to create a visual rhythm that feels intentional and organised, rather than cluttered or random.

However, it is important to use this principle carefully so as not to confuse the user. If too many different groups of elements use various parallel angles, the layout can quickly become overwhelming and lose its sense of harmony. The best use of parallelism is to reinforce the relationship between specific pieces of content, ensuring that the most important information stands out because it follows a consistent and predictable visual flow.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://www.designreference.xyz/cognitive-tools/ux-laws-principles/interaction/gestalt-principles/parallelism.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.