HEART Framework

An organised arrangement of elements used for a particular purpose, such as to create striking visual effects or to convey information effectively. Good composition is achieved through different methods, such as placing figures or objects in a scene, revising and simplifying lines and shapes that make up a figure, and arranging multiple figures or objects into meaningful relationships.

A type of design where the colours or tones gradually change from one colour to another. Gradients are often used in graphic design to add visual interest and give the appearance of "extensions" or "glosses" of a particular colour.

How well or poorly something can be read.

A type of serif, characterized by large x-heights and thick, blocky strokes with little variation in width.

A series of slides that are positioned one after the other. As you scroll through the images, the next image in the sequence is automatically loaded. Once you scroll to the end of the carousel, it cycles back around like a horse on a circular track.

Designers and developers use font styles to denote differences in meaning between two or more words, phrases, sentences, paragraphs, or blocks of text. Typical font styles in CSS and web development are normal, italic, oblique and inherit.

The distance between two points of extrusion or an object. It can also be defined as the measurement of size.

Generally used when a page has so much content that it would be impossibly long to load the entire page at once. Infinite scroll consists of an auto-generated list of items that constantly loads new items as they load off the bottom of the screen.

Colours on the opposite side of the colour wheel to warm colours. Typically bluish in tone, such as blue or green.

A small, non-preview image that accompanies a larger image. It provides an immediate sense of the content while not necessarily revealing it in its entire scope.