Timeline

Vertical timeline with milestones and dates

Preview

Dimensions

• Width: 1080px
• Height: 1350px
• Aspect Ratio: 1080:1350

Fonts

• Inter
• Space Grotesk

Slide Fields

Field	Type	Required	Max Length
title	text	✅	80
milestone1_date	text	✅	30
milestone1_text	text	✅	80
milestone2_date	text	✅	30
milestone2_text	text	✅	80
milestone3_date	text	✅	30
milestone3_text	text	✅	80
milestone4_date	text	—	30
milestone4_text	text	—	80

Brand Fields

Field	Type	Required	Default
brand_name	text	✅	—
brand_handle	text	—	—
bg_color	bg	—	#1e1e2e
bg_color_end	bg	—	#11111b
accent_color	bg	—	#cba6f7
accent_color_end	bg	—	#89b4fa
bg_image	image	—	—
bg_image_opacity	number	—	0.15
logo	image	—	—

Example JSON

{
  "brand": {
    "brand_name": "Ajianaz",
    "brand_handle": "@ajianaz"
  },
  "slides": [
    {
      // fill slide fields here
    }
  ]
}

Usage

cosy render --template timeline --data input.json --output output.png