Hover the headlines for an animated demo of the axis transforms. (I couldn't fin a font to craft a working demo for the ones on a dark red background, and the ones showing a GIF were too hard to demo live)
Adjust the style from upright to slanted, also known to typographers as an 'oblique' style. Rarely, slant can work in the other direction, called a 'backslanted' or 'reverse oblique' style.
Adapt the style to specific text sizes. At smaller sizes, letters typically become optimized for more legibility. At larger sizes, optimized for headlines, with more extreme weights and widths. In CSS this axis is activated automatically when it is available.
Adjust the style from lighter to bolder in typographic color, by varying stroke weights, spacing and kerning, and other aspects of the type. This typically changes overall width, and so may be used in conjunction with Width and Grade axes.
Adjust the style from narrower to wider, by varying the proportions of counters, strokes, spacing and kerning, and other aspects of the type. This typically changes the typographic color in a subtle way, and so may be used in conjunction with Width and Grade axes.
Adjust the style from narrower to wider, by varying the proportions of counters, strokes, spacing and kerning, and other aspects of the type. This typically changes the typographic color in a subtle way, and so may be used in conjunction with Width and Grade axes.
Adjust stroke curvature, contrast, and terminals from a sturdy, rational Linear style to a friendly, energetic Casual style.
A parametric axis for varying counter widths in the X dimension.
Control the substitution of cursive forms along the Slant axis. 'Off' (0) maintains Roman letterforms such as a double-storey a and g, 'Auto' (0.5) allows for Cursive substitution, and 'On' (1) asserts cursive forms even in upright text with a Slant of 0.
A parametric axis for varying the depth of lowercase descenders.
Animating lowercase descenders and ascenders
Controls thickness of edge highlight details.
In modular fonts, where glyphs are composed using multiple copies of the same element, this axis controls how many elements are used per one grid unit.
In modular fonts, where glyphs are composed using multiple copies of the same element, this axis controls the shape of the element
Controls the 3D depth on contours.
A parametric axis for varying the height of figures.
Fill in transparent forms with opaque ones. Sometimes interior opaque forms become transparent, to maintain contrasting shapes. This can be useful in animation or interaction to convey a state transition. Ranges from 0 (no treatment) to 1 (completely filled).
As the flair axis grows, the straight sans serif terminals develop a swelling, and joints become more idiosyncratic. Originally referring to the flaring of the stems, Flair stands for style and panache.
Finesse the style from lighter to bolder in typographic color, without any changes overall width, line breaks or page layout. Negative grade makes the style lighter, while positive grade makes it bolder. The units are the same as in the Weight axis.
Expansion of inner and outer space of glyphs.
A parametric axis for varying the height of the lowercase.
Adjust the style from Proportional (natural widths, default) to Monospace (fixed width). With proportional spacing, each glyph takes up a unique amount of space on a line, while monospace is when all glyphs have the same total character width.
Letters rotate around the X axis.
Letters rotate around the Y axis.
Adjust shapes from angular defaults (0%) to become increasingly rounded (up to 100%).
Adjust letterforms to become more and more soft and rounded.
Toggle the subsitution of wonky forms. 'Off' (0) maintains more conventional letterforms, while 'On' (1) maintains wonky letterforms, such as leaning stems in roman, or flagged ascenders in italic. These forms are also controlled by Optical Size.
A parametric axis for varying thick stroke weights, such as stems.
A parametric axis for varying thin stroke weights, such as bars and hairlines.
A parametric axis for varying the heights of uppercase letterforms.
Axis that shows in a metaphoric way the effect of time on a chosen topic.
https://www.205.tf/look/exposure/
Clone this website (soon)
→ Join us on the FigJam