Component
Timeline
For history, processes or milestones – vertically as a list or horizontally along a line.
Variant
Standard
Vertical, with month and year.
Template: DefaultTimeline
March 2026 - Harvest in Colombia
Marco tastes the new harvest on site.
May 2026 - Shipping
The green coffee travels six weeks to Europe.
July 2026 - Arrival in Bern
Test roasts and approval.
September 2026 - In the shop
The new harvest is available.
Variant
Horizontal
Milestones alternating above and below a line; swipeable on phones.
Template: HorizontalTimeline
March 2026 - Harvest in Colombia
Marco tastes the new harvest on site.
May 2026 - Shipping
The green coffee travels six weeks to Europe.
July 2026 - Arrival in Bern
Test roasts and approval.
September 2026 - In the shop
The new harvest is available.
October 2026 - Tasting
Open tasting at the roastery.
Option
Date formats
Year only, month and year, or the exact date.
1987 - Year only
Format YYYY.
September 2004 - Month and year
Format MMMM YYYY, in the page's language.
16.10.2026 - Exact date
Format DD.MM.YYYY.