Baseline

An imaginary line on which most letters "sit". As such, it equals the height of an em square. The expected result of a baseline is to reference the height with which text is aligned. The alignment ranges from ascenders, which are the upper strokes in b, d, and h, down to descenders like j or y.

More terms you might want to know

Opacity

The measure of how easily light passes through a material. It is a quantitative characteristic that can be represented as a number within the range of [0, 1], and in some cases [0%,100%], with lower numbers indicating higher transparency.

KPI

A key performance indicator is a variable that measures how well an entity is performing. It's a figure that designates an individual or item's performance level. A particular company may use metrics such as sales, revenue, production, and market share to gauge the success of their firm.

Brutalism

A style of architecture and design that was popular in the 1960s and 1970s. Brutalist buildings are typically characterised by durability, simplicity, and an emphasis on form following function. Brutalism is not a single style but an umbrella term for architecture with a stark and futuristic look.

Zeigarnik Effect

A psychological phenomenon that states that people tend to remember unfinished or interrupted tasks better than completed tasks.

Triadic Colours

A triad is a group of three colours that are equally spaced on the colour wheel.

Logotype

The typographic presentation of a company's name in a stylized form.

Pica

A unit of measurement that equals 1/6 of an inch, or 1/72 of a foot.

Bottom Navigation

One of the most common types of navigation in UI design. It's usually a system of one or more horizontal buttons placed at the bottom of the screen, directing users to other parts of an app or website. Bottom navigation is often used as an alternative to scrolling or tabbing through links on a page.

Grid

A system of columns and rows designers use to create layouts. It's used in graphic design and web development to align elements for easy use on the page. Grids are a key part of design because they help you create balance, rhythm, proportion and hierarchy in your layout.

Icon

A small picture or design that represents an idea, function, or some other type of visual concept. For example, in computer graphics and web development, an icon is a pictorial representation of a program or file type.

Problem?

Got a suggestion or found an issue with the glossary?
Let me know!