# Process switchback

> Four numbered joinery steps follow alternating ruled landings, turning from one edge to the other while keeping a clear reading order. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/steps-switchback.html
Section: How it works
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: button, buttons, group, heading, paragraph
Keywords: process, steps, joinery, fitting, switchback

## Variations (2)

### Theme (the default)

Identical markup in every theme.

The same composition in your theme’s colours and fonts.

### Silt and carmine

This variation states its own colours and states its own type: identical in every theme.

Silt #ECE4DA, charcoal #282522 and carmine #982F43, set in sturdy Arial. Carmine numbers follow the alternating landings and the final square action.


---

## The signature moment: the route changes direction at every landing

Each landing has one heavy turning edge. Successive text groups shift between a broad inset and a narrow inset, so the route switches direction without reversing the numbered reading order. The indents shrink on a phone and the steps stay 1 to 4.

## Theme inheritance

The Core payload follows the theme’s base ground, contrast ink, heading face and button treatment. Its painter lets heading and link colour follow a recolour. Text is intended for 4.5:1 contrast, with 3:1 reserved for large display type.

## Display type

Step numbers are 42px to 72px display paragraphs with close leading. Step titles and the section heading follow the theme heading ladder. Timing labels are 15px; descriptions follow medium.

## Styled look

Silt #ECE4DA, charcoal #282522 and carmine #982F43, set in sturdy Arial. Carmine numbers follow the alternating landings and the final square action. Every action is deliberately filled or underlined. The Core payload preserves the same layout as the theme route.

## Editing

Replace the four step titles, descriptions and timing notes in order. Duplicate an entire landing for a new step, then alternate its turning edge and inset.