How It Works Section With Pinned Notebook Notes

Reach for this when a landing page has six ordered stages and they should look like notes pinned to a notebook, not a dated case study. Lined paper sits behind the cards. A dashed curve snakes through six translucent pushpins. The notes alternate left then right. Red, green, yellow, and blue distinguish the stages. Each card keeps a large number, a short title, and one sentence.

Skip it when you only have four stages with durations. That is the zigzag timeline. Skip it when the next steps after a sprint should sit in a single row with washi tape. That is the taped notes block. Replace the six landing page labels before this ships. Keep the tilts, the pins, and the ruled sheet. Straightening every card and dropping the path turns this into a generic six tile stack. The section follows light and dark.