The distance from the baseline to the top of a capital letter, number, or other upper-case glyphs.
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.
Commonly used to describe a 2D graphic that is made up of an organized grid of pixels, in other words, a bitmap.
A PNG (Portable Network Graphics) file is a bitmap image format that has been designed to store images with an alpha channel. This format is primarily used for transparency so that it can be placed over other graphics in many design applications.
A measure of the height of a set of text on an element.
The distance between two points of extrusion or an object. It can also be defined as the measurement of size.
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.
The word "bracket" is often used to refer to parentheses and is written as either [] or () and used to delimit blocks of text, e.g. a set of instructions. Within brackets, items are arranged from left to right in order of precedence.
The arrangement of different elements in relation to each other so that they appear to be mirrored. Symmetrical designs can be found throughout art and architecture, as well as in nature.
Layout is a defining characteristic of design. It dictates the positioning of content and design elements. Layouts can range from the simple, such as a four- or two-column layout, to more complex designs like grids with multiple hierarchy levels.
The attributes of a typeface. Type properties include weight, width, colour and x-height.