Shiftable Type is a grid based typesetting tool developed by Hannes Altmann. Designed for use in the early stages of an editorial design project, it helps quickly sketch, shift, and visualize text arrangement ideas.

px
px


INSTRUCTIONS

Click on a tile in the grid to fill it. Click it again to erase your selection.

To (faster) select multiple tiles in a row, click and hold on a tile, then drag sideways while keeping the mouse button pressed (like you would use a digital paint brush).

Do the same on adjacent filled tiles to deselect them one by one.

To quickly fill larger sections of the grid, hold SPACE and the left mouse button, then drag to draw a rectangle over the area you want to fill. Release the mouse to confirm your selection.

To move single or adjacent tiles horizontally on the grid, click and hold on the tile or anywhere on the row you want to move. While holding the mouse button, press and hold SHIFT and move your cursor sideways in the direction you want to shift the row. The selected tile(s) will follow your cursor as you move.

(For the best experience, use an external mouse or activate „Three Finger Drag” on your trackpad)

CONCEPT

To truly focus on the act of typesetting itself — and to allow full attention on the structures and forms that emerge through text arrangement and composition — the text lines are abstracted into simple geometric shapes.

This simplification and the system’s core modular, rhythmic mechanics draw inspiration from the abacus (ancient counting tool consisting of blocks sliding on rods).

the abacus

Another aspect carried over from the abacus metaphor is the restricted movement: Elements can only be drawn and shifted horizontally.

The way the tool operates is meant to evoke the feel and logic of manual typesetting from the letterpress era, when workers called compositors arranged movable type (metal sorts) by hand on composing sticks.

the abacus

One key characteristic frome these times I wanted to incorporate is the reversibility of manual typesetting — the fact that each letter could be removed, replaced, or rearranged at any time. This flexibility informed how the tool handles editing: Changes are non-destructive, and everything remains movable and adjustable throughout the process.

IDEA

The idea for the tool came from a personal desire to have an environment where I could intuitively explore and play within typesetting — to test ideas, try out unconventional approaches and to be able to do this as quickly and effortlessly as possible.

Designed for use ahead of an editorial design project, the tool is meant to spark inspiration and make it easy to visualize layout drafts — for example, during a team meeting.

I made this tool to help myself in my own design practice — and hopefully it’ll be useful for other students and designers working on similar projects too :)

Typefaces in use:
Overused Grotesk by RandomMaerks
Martina Plantijn by Klim Type Foundry

This application was developed as part of the project module TOOLS: Shapes Without Meaning, supervised by Stephanie Specht, during the summer semester 2025 at the Department of Typography and Type Design,
Bauhaus University Weimar.