{"id":22225,"date":"2014-10-15T21:01:27","date_gmt":"2014-10-15T13:01:27","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=22225"},"modified":"2022-10-16T18:53:44","modified_gmt":"2022-10-16T10:53:44","slug":"timeline-in-web-design","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/","title":{"rendered":"20 Beautiful Timeline Design For Your Inspiration"},"content":{"rendered":"<p>I\u2019m pretty sure most of you are aware of <strong>the use of timeline in design<\/strong> especially since all Facebook profiles now are <a href=\"https:\/\/www.hongkiat.com\/blog\/creative-facebook-timeline-covers-part-2\/\">displayed in this way<\/a>. Moreover, some smartphone apps like Path or Tweetbot also use timeline-based designs to showcase their stories. A timeline is one of the best ways to display chronological events in a neat and accurate style.<\/p>\n<p>It can be used on an \u2018About Us page to showcase important moments or to tell a company\u2019s story using dates, among other things. Here I\u2019ve put together twenty timeline-based website designs to inspire your own designs. From timelines that focus on a particular product to ones incorporated into portfolios, you\u2019re sure to have plenty of inspiration available.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/navigation-design-ideas-inspiration\/\" class=\"ref-block__link\" title=\"Read More: Designing a Winning Navigation Menu (Ideas and Inspirations)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Designing a Winning Navigation Menu (Ideas and Inspirations)<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/navigation-design-ideas-inspiration.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-15862 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/navigation-design-ideas-inspiration.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Designing a Winning Navigation Menu (Ideas and Inspirations)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tNote: This post was first published on the 20th December, 2012. The navigation menu on a website is...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/uk.protectyourbubble.com\/StaticPages\/iphone-timeline\/iphone-timeline.as\">#1<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/iphone-timeline.jpg\" width=\"600\" height=\"415\" alt=\"timeline design\"><\/figure>\n<h3>#2<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/clement-zezuka.jpg\" width=\"600\" height=\"338\" alt=\"timeline design\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/loisjeans.com\/home-world\/\">#3<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/lois-jeans.jpg\" width=\"600\" height=\"338\" alt=\"timeline design\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.annefrank.org\/en\/anne-frank\/the-timeline\/#!\/en\/Subsites\/Timeline\/Postwar-period-1945--present-day\/The-Anne-Frank-House-opens\/\">#4<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/anne-frank-timeline.jpg\" width=\"600\" height=\"341\" alt=\"timeline design\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.akita.co.uk\/computing-history\/\">#5<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/akita-computing-history.jpg\" width=\"600\" height=\"341\" alt=\"timeline design\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.aformulaonehistory.com\/\">#6<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/formula-one-history.jpg\" width=\"600\" height=\"341\" alt=\"timeline design\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.orange.com\/en\">#7<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/orange-history.jpg\" width=\"600\" height=\"338\" alt=\"timeline design\"><\/figure>\n<h3>#8<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/canal-plus.jpg\" width=\"600\" height=\"338\" alt=\"timeline design\"><\/figure>\n<h3>#9<\/h3>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/make-cash-and%20cheques-history.jpg\" width=\"100%\" alt=\"timeline design\"><\/figure>\n<h3>#10<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/mixpanel-history.jpg\" width=\"600\" height=\"550\" alt=\"timeline design\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/v3.danielmall.com\/work\/\">#11<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/daniel-mall.jpg\" width=\"600\" height=\"657\" alt=\"timeline design\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.evanshalshaw.com\/more\/bondcars\/\">#12<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/bond-cars.jpg\" width=\"600\" height=\"338\" alt=\"timeline design\"><\/figure>\n<h3>#13<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/bel50.jpg\" width=\"600\" height=\"509\" alt=\"timeline design\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.rodania.com\/about\">#14<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/rodania.jpg\" width=\"600\" height=\"411\" alt=\"timeline design\"><\/figure>\n<h3>#15<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/the-evolution-of-western-dance-music.jpg\" width=\"600\" height=\"338\" alt=\"timeline design\"><\/figure>\n<h3>#16<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/ge-imagination.jpg\" width=\"600\" height=\"488\" alt=\"timeline design\"><\/figure>\n<h3>#17<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/the-evolution-of-the-web.jpg\" width=\"600\" height=\"338\" alt=\"timeline design\"><\/figure>\n<h3>#18<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/the-history-of-sir-john-a.jpg\" width=\"600\" height=\"369\" alt=\"timeline design\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/minimalmonkey.com\/\">#19<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/minimal-monkey.jpg\" width=\"600\" height=\"338\" alt=\"timeline design\"><\/figure>\n<h3>#20<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/gramercy-park-hotel.jpg\" width=\"600\" height=\"547\" alt=\"timeline design\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>I\u2019m pretty sure most of you are aware of the use of timeline in design especially since all Facebook profiles now are displayed in this way. Moreover, some smartphone apps like Path or Tweetbot also use timeline-based designs to showcase their stories. A timeline is one of the best ways to display chronological events in&hellip;<\/p>\n","protected":false},"author":124,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[1773],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>20 Beautiful Timeline Design For Your Inspiration - Hongkiat<\/title>\n<meta name=\"description\" content=\"I&#039;m pretty sure most of you are aware of the use of timeline in design especially since all Facebook profiles now are displayed in this way. Moreover,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Beautiful Timeline Design For Your Inspiration\" \/>\n<meta property=\"og:description\" content=\"I&#039;m pretty sure most of you are aware of the use of timeline in design especially since all Facebook profiles now are displayed in this way. Moreover,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-15T13:01:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-16T10:53:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/iphone-timeline.jpg\" \/>\n<meta name=\"author\" content=\"Nancy Young\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nancy Young\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/\"},\"author\":{\"name\":\"Nancy Young\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/943d20daf5b8c7638175cba309ef6e32\"},\"headline\":\"20 Beautiful Timeline Design For Your Inspiration\",\"datePublished\":\"2014-10-15T13:01:27+00:00\",\"dateModified\":\"2022-10-16T10:53:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/\"},\"wordCount\":133,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/timeline-in-web-design\\\/iphone-timeline.jpg\",\"keywords\":[\"Concept Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/\",\"name\":\"20 Beautiful Timeline Design For Your Inspiration - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/timeline-in-web-design\\\/iphone-timeline.jpg\",\"datePublished\":\"2014-10-15T13:01:27+00:00\",\"dateModified\":\"2022-10-16T10:53:44+00:00\",\"description\":\"I'm pretty sure most of you are aware of the use of timeline in design especially since all Facebook profiles now are displayed in this way. Moreover,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/timeline-in-web-design\\\/iphone-timeline.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/timeline-in-web-design\\\/iphone-timeline.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/timeline-in-web-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20 Beautiful Timeline Design For Your Inspiration\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/943d20daf5b8c7638175cba309ef6e32\",\"name\":\"Nancy Young\",\"description\":\"Nancy has over seven years of experience in writing for different online mediums. Her expertise lies in creating inspirational articles with beautiful images.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/nancy_young\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Beautiful Timeline Design For Your Inspiration - Hongkiat","description":"I'm pretty sure most of you are aware of the use of timeline in design especially since all Facebook profiles now are displayed in this way. Moreover,","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/","og_locale":"en_US","og_type":"article","og_title":"20 Beautiful Timeline Design For Your Inspiration","og_description":"I'm pretty sure most of you are aware of the use of timeline in design especially since all Facebook profiles now are displayed in this way. Moreover,","og_url":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-10-15T13:01:27+00:00","article_modified_time":"2022-10-16T10:53:44+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/iphone-timeline.jpg","type":"","width":"","height":""}],"author":"Nancy Young","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Nancy Young","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/"},"author":{"name":"Nancy Young","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/943d20daf5b8c7638175cba309ef6e32"},"headline":"20 Beautiful Timeline Design For Your Inspiration","datePublished":"2014-10-15T13:01:27+00:00","dateModified":"2022-10-16T10:53:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/"},"wordCount":133,"commentCount":4,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/iphone-timeline.jpg","keywords":["Concept Design"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/","url":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/","name":"20 Beautiful Timeline Design For Your Inspiration - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/iphone-timeline.jpg","datePublished":"2014-10-15T13:01:27+00:00","dateModified":"2022-10-16T10:53:44+00:00","description":"I'm pretty sure most of you are aware of the use of timeline in design especially since all Facebook profiles now are displayed in this way. Moreover,","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/iphone-timeline.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/timeline-in-web-design\/iphone-timeline.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/timeline-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20 Beautiful Timeline Design For Your Inspiration"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/943d20daf5b8c7638175cba309ef6e32","name":"Nancy Young","description":"Nancy has over seven years of experience in writing for different online mediums. Her expertise lies in creating inspirational articles with beautiful images.","url":"https:\/\/www.hongkiat.com\/blog\/author\/nancy_young\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-5Mt","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/22225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/124"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=22225"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/22225\/revisions"}],"predecessor-version":[{"id":62933,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/22225\/revisions\/62933"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=22225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=22225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=22225"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=22225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}