# Keyline: what it is and how it works · Zorraquino
> A keyline is an alignment reference that helps maintain consistent spatial relationships in a design. It can guide the placement of text, icons or components.
URL: https://www.zorraquino.com/en/dictionary/internet/keyline.html

# Keyline

A keyline is an alignment reference that helps maintain consistent spatial relationships in a design. It can guide the placement of text, icons or components

What it means, how it is used and where it comes up, with its related concepts.

[The whole glossary](https://www.zorraquino.com/en/dictionary)

## What it is and how it works

Specific positions belong to the system and composition context. There is no universal distance applicable to every interface. Its role is to make the structure consistent without forcing content into a template that hinders reading or adaptation to different sizes.

Topics

[Technology and data](https://www.zorraquino.com/en/dictionary/category/tecnologia-y-datos)

## Related concepts

- [Layout grid](https://www.zorraquino.com/en/dictionary/branding/design-grid.html)
- [Breakpoint](https://www.zorraquino.com/en/dictionary/internet/breakpoint.html)
- [Density-independent pixels (dp)](https://www.zorraquino.com/en/dictionary/ux/dips-or-dp.html)