Cap Height

The distance from the baseline to the top of a capital letter, number, or other upper-case glyphs.

More terms you might want to know

Embossing

A decoration technique used primarily on paper, metal, and some plastics in which ink or another printing medium is pressed into the material's surface to create a three-dimensional effect.

Wireframe

A low-fidelity representation of a user interface design.

Typesetting

The process of arranging type to make written material readable. The arrangement of type involves decisions about individual letters and words (e.g. line spacing, letter spacing, and word spacing) and more significant page layout decisions (e.g., margins, headline position on the page).

Lettermark

A symbol that is used in the design industry to give a more personal touch. Lettermarks can be an individual's name or initials that are cleverly designed and incorporated into a company's logo.

ID

A selector that can be applied to any HTML element. ID should be used when designing for a single instance, such as using the id="main" attribute on an <h1> tag.

Serif

The small decorative stroke at the end of a stroke in a letter, or a typeface.

Terminal

The end (straight or curved) of any stroke that doesn’t include a serif. Some typefaces feature ball terminals on letters such as the ‘f’, ‘a’, and ‘c’.

Onboarding Flow

The process of a new user being brought in to a new product. The design for this process aims to have an effective, efficient, and engaging user experience.

Raster

Commonly used to describe a 2D graphic that is made up of an organized grid of pixels, in other words, a bitmap.

Ascenders

The part of lowercase letters that goes above the baseline when used in running text. As such, ascenders are considered less condensed than those used for numerals and other capital letters. Some examples of ascenders include b, d, h, k, and l. The opposite of an ascender is a descender.

Problem?

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