Skip to content

Read the screen beyond the obvious.

Person sitting at a desk looking at a laptop screen with an appointments table and a notebook with checklist

In focus

Every screen puts something in the spotlight.

A clear-eyed look at the visual choices behind screens, from the order of information to the small cues that invite a tap.

Ways to look
Hierarchy
Read the piece
7 min read
Just in
Why Alignment Makes a Screen Feel Easier to Scan
Person pointing at Library tab on dark-themed e-book reading app displayed on laptop screen

Typography

Serif or Sans Serif for a Short Screen Label?

Serif or sans serif for a short screen label? Match type to the label’s letter shapes and length to make names, tabs, and controls easier to read.

Read the piece

Recent pieces

All pieces →
Laptop showing multiple windows including text editor, terminal, and browser with mouse cursor over a button

No. 03Interaction

The Quiet History of the Cursor

The history of the cursor shows how text markers, mouse pointers, and changing shapes signal where you can type…

  1. 01Hierarchy

    See how size, contrast and position tell the eye what comes first.

  2. 02Typography

    Read the choices behind type, spacing and legibility on screen.

  3. 03Colour

    Consider how colour groups information and changes its emphasis.

  4. 04Motion

    Look at movement, timing and transitions without mistaking motion for meaning.