Kinetic Typography Archives - Kasra Design

Top 10 Trendy Fonts For Animation In 2023

Step into the dynamic realm of kinetic typography with our 2023 guide. Discover the Top 10 Fonts that breathe life into animations, melding design and motion seamlessly. Enhance your animations by selecting fonts crafted for movement.

Read

What is Kinetic Typography and When Should You Use It

Kinetic Typography

Ever watched those clips with bright, quick transitions and jumping letters? You’ve experienced kinetic typography! It’s like giving your text a dose of energy – making them dance and move around. It’s about animating words to express feelings, meanings, or situations.

Read

.fit_content{width:fit-content;}body .bd_toc_container{transition:all .5s ease-in-out !important;}.bd_toc_header_title{padding-right:10px !important;}.bd_toc_container .bd_toc_wrapper .bd_toc_content{display:none;}.bd_toc_container{transition:ease-in-out .5s !important;}.bd_toc_container{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}.bd_toc_container{box-shadow:0px 0px 0px 0px rgba(0,0,0,.03);}.bd_toc_container.scroll-to-fixed-fixed{margin:0 !important;}.bd_toc_wrapper .bd_toc_header .bd_toc_switcher_hide_show_icon .bd_toc_arrow{border-color:#2c2f32;}.bd_toc_wrapper .bd_toc_header:hover .bd_toc_switcher_hide_show_icon .bd_toc_arrow{border-color:#2c2f32;}.bd_toc_header{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.bd_toc_container .bd_toc_wrapper .bd_toc_content.list-type-disc ul li a:before{background-color:#2c2f32;top:calc(0px + 7px);left:calc(2px - 12px);}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.is-root-container .is-selected.wp-block-boomdevs-toc:focus{outline:none;}.wp-block-boomdevs-toc .bd_toc_block_wrapper{background-color:#eff7ff;border:1px solid #d4ecff;border-radius:10px;padding:15px;font-family:inherit;display:flex;align-items:center;}.wp-block-boomdevs-toc .bd_toc_block_wrapper img{width:60px;margin-right:20px;}.wp-block-boomdevs-toc .bd_toc_block_wrapper h2{font-size:20px !important;margin:0;}.bd_toc_container{width:100% !important;}.bd_toc_wrapper{padding-top:12px !important;padding-right:12px !important;padding-bottom:12px !important;padding-left:12px !important;}.bd_toc_container{margin-top:0px !important;margin-right:0px !important;margin-bottom:30px !important;margin-left:0px !important;}.bd_toc_container{background-color:#fff !important;}.bd_toc_container{border-top-width:1px !important;border-right-width:1px !important;border-bottom-width:1px !important;border-left-width:1px !important;border-color:#fff !important;border-style:solid !important;}.bd_toc_header_title{font-family:"Helvetica" !important;font-weight:700 !important;font-size:19px !important;}.bd_toc_header{background-color:transparent !important;}.bd_toc_wrapper .bd_toc_header .bd_toc_header_title{color:#2c2f32 !important;}.bd_toc_wrapper .bd_toc_header:hover .bd_toc_header_title{color:#2c2f32 !important;}.bd_toc_header{padding-top:0px !important;padding-right:10px !important;padding-bottom:10px !important;padding-left:0px !important;}.bd_toc_header.active{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}.bd_toc_content_list .bd_toc_content_list_item ul > li > a{font-size:15px !important;line-height:24px !important;}.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list_item ul li a{padding-top:0px !important;padding-right:2px !important;padding-bottom:0px !important;padding-left:2px !important;}.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list_item ul li a{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:#fff;border-style:solid;}.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li.current > a{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:#fff;border-style:solid;}.bd_toc_content{background-color:#fcfcfc !important;}.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a{background-color:#fcfcfc !important;}.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li.current > a{background-color:rgba(247,247,247,0) !important;}.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a,.bd_toc_container .bd_toc_wrapper .bd_toc_content_list_item ul li .collaps-button .toggle-icon{color:#2c2f32;}.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a:hover,.bd_toc_container .bd_toc_wrapper .bd_toc_content_list_item ul li .collaps-button .toggle-icon:hover{color:#2c2f32;}.bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li.current > a,.bd_toc_container .bd_toc_wrapper .bd_toc_content_list_item ul li.current>.collaps-button .toggle-icon{color:#2c2f32;}.sub-menu{width:170px;}.nav-reversed ul ul{background:#303030;}.nav>ul #menu-item-1524{display:none !important;}@media only screen and (max-width: 767px){.nav>ul #menu-item-1524{display:block !important;}.nav>ul #menu-item-1497{display:none !important;}}.nav-reversed ul ul{background:#081e41;}.nav-reversed ul.submenu li{background-color:#b2b2b2;}ul.sub-menu{width:328px;border-radius:5px;background:#e2e2e2;}ul.sub-menu li{float:left;width:160px;background:#e2e2e2;padding:2px 2px 2px 14px;margin:2px;}.nav > ul ul{background:#e2e2e2;border-radius:3px;}.nav.nav-reversed > ul ul.sub-menu{background-color:#b2b2b2;}.nav.nav-reversed > ul ul.sub-menu li{background-color:#b2b2b2;}@media (max-width: 767px){.intro .intro__subtitle{position:absolute;max-width:320px;margin:15px auto 0;text-align:center;font-size:14px;top:220px;right:50%;transform:translateX(50%);}.intro .intro__head{position:initial;z-index:20;}.intro .intro__content{text-align:center;position:relative;padding-bottom:60px;}.intro .intro__title{position:initial;left:unset;transform:translateX(10px);}}.list-features li .h3{font-size:42px;margin-bottom:45px;font-weight:400;}@media (max-width:1599px){.list-features li .h3{font-size:32px;margin-bottom:30px;text-align:center;}}@media (max-width:1024px){.list-features li .h3{margin-bottom:15px;}}@media (max-width:1200px){.list-features li .h3{font-size:28px;}}.h2{margin-bottom:.6em;line-height:1.2;font-size:38px;}.section-grid .section__head .h2{font-weight:400;margin-bottom:15px;}.section-module .h2{font-weight:400;margin-bottom:28px;}@media (max-width:1599px){.h2{font-size:34px;}}@media (max-width:1200px){.h2{font-size:28px;}}.section-clients .section__head .h2{font-size:58px;font-weight:400;padding-bottom:130px;}.section-form:not(.section-form--blue) .h3.gform_title{font-size:66px;color:#498cf3;margin:0 0 20px;font-weight:400;}.section-form.section-form--blue .h3.gform_title{font-size:66px;color:#fff;margin:0 0 20px;font-weight:400;}@media (max-width:1599px){.h3.gform_title{font-size:46px;}}@media (max-width:1200px){.h3.gform_title{font-size:36px;}}.section-accordion .h2{font-size:66px;color:#464646;font-weight:400;margin-bottom:30px;}@media (max-width:1599px){.section-accordion .h2{font-size:46px;}}@media (max-width:1200px){.section-accordion .h2{font-size:36px;}}.accordion .accordion__head .h3{display:inline-block;font-size:26px;font-weight:400;color:#464646;background:#f0f0f0;padding:3px 10px 4px 35px;position:relative;cursor:pointer;transition:background .5s,color .5s;}accordion .accordion__head .h3:hover,.accordion .accordion__section.expanded .accordion__head .h3{color:#fff;background:#498cf3;}.accordion .accordion__head .h3:before{content:"+";position:absolute;top:3px;left:11px;font-size:30px;line-height:1;width:20px;text-align:center;}@media (max-width:1400px){.accordion .accordion__head .h3{font-size:24px;}}@media (max-width:1200px){.accordion .accordion__head .h3{font-size:20px;}.accordion .accordion__head .h3:before{font-size:24px;}}@media (max-width:767px){.accordion .accordion__head .h3{display:block;}}.footer .h5{font-size:29px;line-height:1.2;margin-bottom:15px;}@media (max-width:1599px){.footer .h5{font-size:23px;}}.footer .footer__content .h5{margin-bottom:12px;}.section-module h3{font-weight:400;margin-bottom:28px;}@media (max-width: 1599px){.section-module h3{font-size:34px;}}

Category Archives: Kinetic Typography

A 2D place full of stuff about Video, Animation & more.

Top 10 Trendy Fonts For Animation In 2023

What is Kinetic Typography and When Should You Use It