The shelf that stays still

The idea

Most of our sites greet you with a picture grid, not a long scroll of type. The first screen should tell you where you can go, and give you more than one path to get there.

This article template keeps that rule. The title, the picture, and the start of the note sit on the first screen. The rest of the reading lives in a column that is allowed to scroll, because long text is the exception we already agreed on.

How to use it

Swap the kicker, the title, and the figure. Keep the mast short. If a paragraph can wait, put it below the picture rather than above it. Link back to the shelf so a reader can leave as easily as they arrived.

Sources

Spacing follows a 4/8-point scale. Type uses a 1.125 modular step from a 16 pixel body. Motion lasts a few hundred milliseconds and goes still when the system asks for reduced motion.