HEART Framework

A type of graphical interface that allows the user to interact with the application on a screen, such as a computer monitor or smartphone, using various types of input devices.

Also called a line break, when you want to keep the text in one paragraph and not follow it with an airy space.

The area of negative space around and between elements in a design.

An example of a typical user and the actions they take. Typically these are written in the form of a story.

Also known as visual hierarchy, hierarchy is the ordering of priorities in a design. This may include different visual elements, such as contrast, colour, font size and placement on a page. The graphic designer's job is to create an understandable document using organisational systems that the reader easily understands.

The path of any movement, mark, shape, or other feature of a design. It can be the border of an element or even the tight edge of a text box, etc.

A group of rules, guidelines, and/or standards designers use when producing artwork or branded projects ensuring that they have the desired appearance and are compliant with usage guidelines.

The attributes of a typeface. Type properties include weight, width, colour and x-height.

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.

The principle of both sides of an object having a sense of symmetry. It ensures that the weight and visual mass are distributed evenly on both sides of a surface. Balance is more important than symmetry because people don't often notice when something is asymmetrical, but they will always see if something is unbalanced.