The distance from the baseline to the top of a capital letter, number, or other upper-case glyphs.
A file format that supports both static and animated images. It is a popular file format on the internet and social media due to its wide colour support, portability, and animating capabilities.
Also known as the divine proportion, is a number, or a ratio, sometimes approximated by phi and widely considered aesthetically pleasing. The golden ratio has been featured in nature and art in many ways, including hexagonal honeycombs, the human body, and mathematics. More frequently, it is used in design and digital art to represent a path (or steps) one can take to achieve a particular look or result. In art, an artist may produce something (a painting or drawing, for example) using the golden ratio as a basis for its composition.
A textual or graphical component in a web page.
Designs that are created in one colour. It can be any colour, but the whole design will range from light to darker shades. As the name implies, it is typically a single hue, with black and white also being typical combinations for this type of design.
The process of developing a product or design system that can be altered to fit different device and interaction contexts.
The adjustment of all characters in a line by moving them closer together or farther apart.
A selector that can be applied to any HTML element. Classes should be used when designing for multiple instances. For example, if you want all <h1> tags in the website to look blue, then you could use the class="blue-text" attribute.
Affordances describe a relationship between the environment and an animate object, classified as either positive or negative.
Items, such as a car that leads to movement, have a positive affordance. Things like stairs that lead upwards have a negative affordance because they will not allow for any other form of movement other than up or down if used accordingly.
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.
A graphic representation, such as an icon, of a company or brand. Pictorial marks can be used on marketing materials to communicate the intentions and personality of the company. Factors such as colour, placement, and shape are significant in how the general public perceives a pictorial mark.