UI Timelines Catalog

Fifteen named timeline patterns across activity feeds, order tracking, vertical history, and changelogs. See CATALOG.md for recipes.

.tl-feed-basic

Activity Feed Basic

Compact avatar + action + relative time rows.

Team activity

Last 24 hours

  • Mira Chen commented on Ridge Hut booking

    Operations · Booking desk

  • Jonah Blake assigned you a repair ticket

    Support · #4821

  • Asha Patel published the autumn pack list

    Catalog · Docs

  • Leo Park updated trail conditions

    Field · Pacific NW

.tl-feed-rich

Activity Feed Rich

Filter chips, unread accent, attachment preview, action foot.

Workspace feed

  • Mira mentioned you in Hut inventory

    “Can we flag the spare stove before Friday’s group arrives?”

    Mention

  • Jonah uploaded a packing diagram

    Shared with Operations and Field guides.

    ridge-pack-v3.pdf

    PDF · 1.4 MB
    File

  • Northstar completed weekly backup

    Reservations and member prefs synced to cold storage.

    System
.tl-feed-days

Activity Feed by Day

Day labels with icon tiles for denser audit-style feeds.

Audit trail

Harbor Studio workspace

Today

  • Role updated for Asha Patel → Editor

    06:12 · by Mira Chen

  • API key live_…8f2a rotated

    04:48 · by Jonah Blake

Yesterday

  • Failed login attempt blocked (2FA required)

    21:14 · Security

  • Invite accepted — Leo Park

    11:02 · Members
.tl-order-steps

Order Tracking Stepper

Horizontal four-step progress; stacks vertically on narrow viewports.

Order #NS-1042

Daypack · Harbor Studio

In transit

  1. Placed

    Sep 11

  2. Packed

    Sep 12

  3. Shipped

    Sep 13

  4. Delivered

    ETA Sep 15

.tl-order-track

Order Tracking Vertical

Spine with done / current / upcoming checkpoints and carrier notes.

Shipment updates

Tracking 1Z999AA10123456784 On time

  1. Out for delivery

    Courier left the local hub with your parcel.

  2. Arrived at local facility

    Seattle Sorting Center

  3. Departed origin

    Portland fulfillment

  4. Label created

    Order confirmed and label printed

.tl-order-ship

Shipment Tracking Card

Status banner, carrier meta, stylized route map, and CTAs.

Order #NS-1042

On the way to you

Estimated delivery · Mon, Sep 15

Carrier
Northstar Freight
Service
Ground 3-day
Pieces
1 parcel · 4.2 lb
.tl-history

Vertical History

Classic left-rail company timeline with year markers.

Our story

Milestones from first kit to modular catalog.

  1. 2024

    Catalog goes modular

    Named UI patterns land so teams remix heroes, cards, and flows faster.

  2. 2023

    Ridge hut partnership

    Three alpine huts adopt the booking flow; members get early-season windows.

  3. 2022

    Harbor studio opens

    Design and repair share one floor; weekend packing clinics begin.

  4. 2021

    First field kit ships

    A small run of daypacks funds the next molds.

.tl-history-alt

Alternating History

Centered spine with cards alternating left/right; single column on mobile.

Product roadmap history

What shipped each season.

  1. Spring 2025

    Member passes

    Season passes unlock early hut windows and gear credits.

  2. Fall 2024

    Repair desk

    In-app tickets for stitch work with photo intake.

  3. Summer 2024

    Trail alerts

    Guides push condition notes to booked groups overnight.

  4. Winter 2023

    Offline field packs

    Downloadable packing lists for low-signal ridges.

.tl-changelog

Changelog Versions

Versioned entries with date, summary, tags, and bullet lists.

Changelog

RSS
  • v2.8.0 Latest

    Container-aware cards and quieter booking confirmations.

    New Improved
    • Added container query layouts for hut cards
    • Reduced email noise on waitlist moves
  • v2.7.2

    Stability pass for checkout and map pins.

    Fixed
    • Fixed sticky header overlap on mobile checkout
    • Corrected timezone on trail alert stamps
  • v2.7.0

    Design tokens for spacing and motion landed in the workbook.

    Tokens
.tl-release

Release Notes

Grouped New / Improved / Fixed cards for a single release.

What’s new in 2.8

Shipped Sep 10, 2026 · Harbor Studio

Release notes

New Features

  • Container-query hut cards

    Layouts adapt inside sidebars and split panes.

  • Guest packing checklists

    Shareable lists tied to each booking window.

Improved Polish

  • Quieter confirmation emails

    One digest when waitlist seats free up overnight.

Fixed Bugs

  • Map pin drift on retina displays

    Pins stay aligned after zoom and pan.
.tl-feed-notify

Notification Feed

Unread dots, category icons, and mark-all-read for inbox-style alerts.

Notifications

3 unread

  • Mira Chen mentioned you in Ridge Hut booking

  • Payment retry needed for order #NS-1042

  • Asha Patel approved your trail advisory draft

  • Weekly backup finished for Harbor Studio

.tl-feed-thread

Threaded Activity Feed

Parent event with nested reply children along a connecting spine.

Conversation

Hut inventory · 4 updates

Mira Chen started a thread

“Spare stove inventory looks low before Friday’s group — can someone confirm?”

  1. Jonah Checked the shed — two units left.

  2. Asha Ordered a spare from Harbor Studio. ETA Tue.

.tl-order-delay

Delivery Exception Track

Shipment spine with a delayed checkpoint callout and revised ETA.

Order #NS-1188

Trail kit · Northstar Freight

Delayed

Weather hold — Sorting center paused outbound trucks overnight.

New ETA · Wed, Sep 16 · was Sep 15

  1. Exception · Weather delay

    Seattle Sorting Center held packages pending road clearance.

  2. Arrived at sorting center

    Scanned at Seattle hub

  3. Departed origin

    Portland fulfillment

  4. Label created

    Order confirmed

.tl-history-road

Horizontal Roadmap History

Year marks on a horizontal rail with an active milestone panel below.

Product roadmap

Harbor Studio · 2023–2026

2023

First guest season

Opened three Pacific Northwest huts and launched the booking desk.

.tl-changelog-dense

Compact Patch Log

Dense date · version · one-liner rows for engineering changelogs.

Patch log

Date Version Change
2.8.0 feat Container-query hut cards
2.7.2 fix Sticky header on mobile checkout
2.7.1 chore Timezone stamps on trail alerts
2.7.0 feat Design tokens for spacing & motion
2.6.4 fix Map pin drift on retina displays