dragoon0x Timeline Design
Types
| Type | Layout | Use Case |
|---|---|---|
| Vertical | Default | Activity feeds, history |
| Horizontal | Alternate | Milestones, roadmap |
| Alternating | Left/right zigzag | Case studies, about pages |
| Compact | List-style | Audit logs, commit history |
Vertical Timeline
● Title [Date]
Description text
[Optional media/action]
│
● Title [Date]
Description text
│
Design Rules
- Most recent first (unless it's a roadmap)
- Group by date (Today, Yesterday, This Week)
- Clear visual line connecting events
- Nodes mark each event on the line
- Differentiate event types with icons or colors
- Collapse old events ("Show older")