Timeline

Day checklist

Best for

A day of work — what happened when, and what is still open

Anatomy

Dashed time chips hanging on the rail · a note entry · four task rows with a dark 2 Days pill and a 1 / 4 ring · dashed row rules · a four-paragraph entry

10:30 AM
Content Title HereLorem ipsum dolor sit amet consectetur. Id ut aliquet malesuada fames pellentesque amet accumsan suspendisse massa. Et lectus massa viverra justo quisque elit mattis.
12:30 PM
Finish Components2 Days1 / 4
Meeting with the boss
Handover file to boss2 Days1 / 4
Finalize everything else2 Days1 / 4
13:30 PM
Lorem Ipsum Dolor Sit Amet Consectetur. Egestas Diam Amet Dui Arcu Id Ultrices Nisi. Malesuada Nunc Adipiscing Sed Pulvinar Pharetra.Risus Sed Vitae In Venenatis. Enim Scelerisque Pellentesque Dictumst Fermentum Donec Vel Libero Etiam Nunc. Mauris Cursus At Fermentum Viverra Leo Vivamus In Volutpat.Id Tortor Orci Eget Velit Phasellus Eget. Quis Facilisis Magna Fames Eleifend Magna In Hendrerit Magna Euismod. Tellus Non Quis Aliquam Integer Dignissim Aliquam Risus. Suspendisse Ullamcorper Dictum Ultricies Etiam Eget Enim. Amet A Accumsan Nisl Turpis. Nam Tempus Aliquam Non Gravida Odio Adipiscing.

Date and mention

Best for

Thread history — the day it happened and who was pulled in

Anatomy

Date chip on a muted node · avatar with a verified badge and a presence dot · a run that alternates primary and secondary · a raised chip · the quoted block under a brand bar

April 13, 2026
Ethan ColeMentioned@YouIn Thread·19:12 AMLorem Ipsum @TaggedUsername Sit Amet Consectetur. Risus Urna Facilisis Scelerisque Magna. Netus Neque Pretium Cursus Consequat Tortor Ut. Hac Sit Pulvinar Etiam Scelerisque.

File and call

Best for

Audit trails — the upload and the booking, each with its actor

Anatomy

Violet and yellow event nodes · a red PDF file mark inline · the filename in primary, the rest in secondary · an avatar mid-sentence · a trailing middle dot and time

New File Uplaoded:Q3_Sales_Targets_v2_xlsxByEthan Cole·19:12 AM
Call Scheduled:Supplier Contract Review.Ethan Cole·19:12 AM

Task and reaction

Best for

Team activity — assignments, reactions and the system's own notices

Anatomy

Two avatars in one sentence · raised chips with a leading glyph and a trailing arrow · an emoji kept as text · a green node for the automated row

Ethan ColeAssigned TaskFor ClientJohn S.·19:12 AM
Morgan PhilipsReacted ❤️ ToEthan Cole's·19:12 AM
Auto Notifications:Backup Completed ForApril 14.·19:12 AM

Labelled event

Best for

Timestamped logs — a date marker and one event that speaks for itself

Anatomy

A timestamp column left of the rail · a date chip that overhangs its own node · a 35px node on a 1.5px stroke · a white card behind a left-pointing tail

April 13, 2026
12:10:49 PM

Attachment events

Best for

File history — an event plus the document it produced

Anatomy

Heading over a soft attachment card · a green check that comes off · the PDF mark · a second variant whose sub-label line opens with the mark because its own check is hidden

12:10:49 PM
Lorem Ipsum Dolor Sit Amet Consectetur.
12:10:49 PM
Lorem Ipsum Dolor Sit Amet Consectetur.Sub-Label

Attachment list

Best for

A delivery — every file that landed under one heading

Anatomy

Nine rows on a 53px pitch inside a bordered card · hairline separators · a check per row that toggles · the rail running the card's whole height

12:10:49 PM
Lorem Ipsum Dolor Sit Amet Consectetur.Sub-Label
The Odyssey Dispatch

Be first in, and 10% off.

Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.

One email when it ships. No spam, and you can unsubscribe anytime.