Elements
Principles
Grids
Color
Typography
100

are the fundamental aspects of a visual design, including color, shape, line, space, form, value, and texture.

Elements

100

are guidelines that artists and designers use to organize visual elements in a work of art, design, or architecture, including emphasis, balance, contrast, repetition, proportion, movement, white space.

Principles

100

a system for organizing layout, including options like baseline, multi-column, single column, and modular.

Grids

100

color combination that makes up CMYK

Cyan, Magenta, Yellow, Key

100

lowercase letter that has unique typography characteristics, including ear, link, and loop. 

g

200

connects two points, guiding the eye and creating structure.

Line

200

using differences (size, color, texture) to create interest and emphasis.

Contrast

200

the spaces separating modules either vertically or horizontally. Typically, we think of gutters as the space between columns, but they are also the space between rows.

Gutters

200

color combination that makes up RGB

Reb, Blue, Green

200

the invisible line where characters sit.

Baseline

300

influences mood, symbolism, and brand identity.

Color

300

highlighting a specific area to draw attention.

Emphasis

300

this grid provides flexible formats for publications that have a complex hierarchy or that integrate text and illustrations across multiple columns.

Multicolumn

300

hue added with white

Tint

300

small decorative projections at the end of strokes.

Serif

400

a two-dimensional, self-contained area defined by boundaries.

Shape

400

the relationship of elements to each other in size and visual weight.

Proportion/Scale

400

used by designers for books with one rectangular block of text on each page, plus white space surrounding it to create clear gutters and borders.

Single Column

400

hue added with black

Shade

400

strokes extending above or below the x-height.

Ascender/Descender

500

a three-dimensional element, or the illusion of volume and depth.

Form

500

the empty areas that give elements room to breathe.

White Space

500

this grid creates multiple boxes of equal proportions for text and images. The intersection of vertical and horizontal grid lines creates individual modules to host content.

Modular

500

what is considered the true color, meaning it is not mixed with black, white, and gray

hue

500

the end of a stroke that does not have a serif.

Terminal

M
e
n
u