Timeline 23 block design & features
Timeline23 is an alternating vertical timeline built with shadcn/ui. A small uppercase label and a heading open the section. Four steps follow. On wide screens each step places a title and sentence on one side, a small icon on the center line, and a tall photograph on the other. The sides swap from step to step. Sample chapters move from a concrete terrace, to a lit facade, to a glass pavilion, to a studio in the trees.
Photographs fill a portrait frame with rounded corners and no border. The only line is a hairline down the center, with a foreground stroke that grows as the section scrolls. Icon markers sit on that line inside a plain bordered square. Type stays on the background: the intro label is small and uppercase, the heading is a medium display size, step titles are smaller, and descriptions are muted.
This is a photographic take on a four-step company timeline. The layout is open, with space between chapters instead of a boxed grid. Complexity is moderate and mixed. You need four portrait photographs of places, a title and a sentence for each, and a short intro.
On small screens the center line hides. Each chapter stacks an icon beside the title, then the photograph at full column width.