[Library] Timeline
Timeline
Dated milestones down a rule: a history rather than a process. 12 patterns, 12 variations between them: every variation is its own copy-paste file, one click from its pattern.
Thumbnails on this page are rendered in Twenty Twenty-Five. Your theme is applied to every live preview, on a pattern's own page.
12 patterns
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline ahead
A timeline that runs forward: six dated entries hung on one continuous currentColor hairline, three of them behind and three still to come, with the current entry set on an inverted plate so the reader can see at a glance where the work stands. The entries ahead carry the same rule and shorter copy, so the section visibly thins out toward the future. It is a history with an open end rather than a process: nothing is numbered and nothing asks the reader to act. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Open road
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline archive
A history set as a contact sheet: eight square photographs four across in two tight rows, each filed under a currentColor hairline with the year in wide-tracked caps and three or four words of title. Nothing carries a paragraph. The heading and lede above are generous and set to a measure, and the sheet below is packed, so one section holds two densities. Images ship empty for your own media library. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Archive strip
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline axis
Five eras of one observatory hung across the page rather than down it. A single currentColor rule runs the full width of the section and each era hangs beneath it as a column: the year butted against the line, then a short title and two or three lines of copy. The eras are read side by side, so the reader compares them instead of scrolling through them. The rule is unbroken because the cells butt with no gutter, and each cell carries a left tick so its year reads as a mark on the axis. It is a history and not a process: nothing is numbered and nothing asks the reader to act. States no colour and no font of its own.
3 blocks · core only · 1 variation Preview Inverted axis
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline on a cover
A whole history laid over one full-bleed photograph. Five dated entries sit on a bordered plate offset to the left of the cover, each a single ruled line of year and event, so the picture stays genuinely visible beside the record instead of turning into a texture behind it. The cover ships empty; you choose the photograph. States no colour and no font of its own, and no word ever sits on the image.
6 blocks · core only · 1 variation Preview On the veil
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline crossing
Six dated entries alternating across one continuous currentColor rule down the centre of the section: the first hangs left of the line and is set against it, the second hangs right, and so on. The rule never breaks and the reading crosses it six times, so a short list of years reads as a history rather than an inventory. It runs on above the first year and below the last entry. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Crossed plates
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline decades
A long history set as a record: four decade heads, each opened by a 2px currentColor rule and carrying five dated single-line entries under it, twenty in all. There is no vertical rail and nothing is numbered; the eras are the only structure, and the whole density of the section is the point. Where a rail timeline shows six moments, this one shows the shape of thirty years. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Eras across
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline frames
An image-led history: four dated milestones, each a portrait photograph cropped to 4:5 with its year and title on a slab beneath it, under a currentColor hairline that butts the frame. The second and fourth columns are dropped by one spacing preset, so the row reads as a drifting run with direction rather than a tidy grid of four. Ships all four image blocks empty; you choose the photographs. It is a history and not a process: nothing is numbered and nothing asks the reader to act. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Frames with a ledger
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline numerals
Five dated entries and no rule anywhere. Each year is set at display size in a narrow left column, ranged right, with the entry title and one short paragraph set at reading size immediately beside it and nothing in between. The years are the same four digits at the same size, so the column of numerals forms a hard vertical edge against the copy and does the work a hairline does in every other timeline. No border, no separator, no line of any kind. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Numerals inverted
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline parallel
Two histories run down the page together and are compared row by row: one track is the organisation itself, the other is the wider field it worked in, and a shared year sits between them. Six years, a title and one line per side, with two currentColor hairlines running the length of the record so each track is legible as its own. A header row names the two tracks once, above the entries. It is a comparison rather than a chronology: the point is what the organisation did set against what was going on around it. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview One rail, two tracks
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline rail
Six dated milestones hung on one continuous currentColor hairline: the year in a narrow column set against the rule, the event title and one short paragraph on the other side of it. The rail runs on above the first year and below the last entry, so the section reads as a length of a longer history rather than a closed list. It is a history and not a process: nothing is numbered and nothing asks the reader to do anything. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Mirrored rail
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline spread
Three eras, each given a whole editorial spread: a photograph on one side and, on the other, the date range set at display size with a title and a paragraph of copy under it. The picture changes sides between eras, and a currentColor hairline runs the full measure between one spread and the next, so three spreads read as three chapters of one document rather than three unrelated sections. The media frames ship empty; the buyer points them at their own library. States no colour and no font of its own.
4 blocks · core only · 1 variation Preview Spread as chapters
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline stair
Six dated entries that step across the page as they descend. Each entry is indented one step further right than the one above it and carries a currentColor top rule across its own width, so the run reads as a flight of treads and the indent itself measures how far through the history you have read. Nothing is numbered and no rail is drawn. On a phone the columns stack and the staircase flattens into a plain ruled list, which is the same history at one width. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Stair reversed