What if your hand-drawn letters could move, wiggle, and interact with real video?
Imagine your doodles dancing across the screen, tracking every twist and turn of a playful puppy or a swirling piece of spaghetti—all from your iPad. With just a few simple techniques in Procreate Dreams, you can bring your lettering to life, frame by frame, over your favourite video clips.
<< Awesome example from a workshop participant.
About the Instructor
Dominique Falla is a lettering artist, educator, and daily animation enthusiast who’s turned her love of doodling into a nightly creative ritual. Through her approachable, hands-on style, Dominique shows you exactly how to animate your lettering—even if you’ve never tried it before.
Where to find Dominique
-
Follow @dominique_falla on Instagram for daily animated doodles and lettering inspiration.
-
Visit typismcommunity.com to explore the Typism book series, summit replays, and creative community.
In this tutorial, Dominique guides you through three powerful animation techniques—the Three-Frame Wiggle, Straight-Ahead Animation, and Motion Tracking—enabling you to create dynamic, hand-drawn animations on your iPad using Procreate Dreams.
Materials You’ll Need
- iPad with Procreate Dreams installed
- Apple Pencil
- Stock video footage (or your videos)
- Reference lettering image (optional)
- Envato stock videos (linked in the full workshop)
Step-by-Step: How to Animate Your Lettering Over Video
Step 1: Set Up Your Project
- Open Procreate Dreams, and create a new project (choose vertical for Reels or horizontal for YouTube).
- Import your video by clicking the Add (+) symbol in the timeline.
- Adjust video framing and set the Frame Rate to 24 fps.
- Set the Duration to around 30 seconds.
Step 2: Interface and Brush Setup
-
Access Flip Book Mode by pulling down with your Apple Pencil.
-
Set onion skin preferences to view previous frames.
-
Choose a Monoline Brush and white colour for visibility.
Technique 1: The Three-Frame Wiggle
- Import a reference image (e.g., “Snack Time” lettering).
- Draw your lettering on three frames, each slightly different.
- Group and duplicate the frames to loop the wiggle effect across your video.
Technique 2: Straight-Ahead Animation
- Import your next video clip (e.g., “Dogs on Chairs”).
- Create spaghetti lettering that stretches across the screen.
- Draw a bit more of the lettering on each frame until the word fully appears, then reverse to unravel.
Technique 3: Motion Tracking and Interaction
- Import a new clip (e.g., “Puppy Pulling String”).
- Add action lines using the three-frame wiggle to show motion.
- Track the word “Pull” to the string, redrawing it on each frame to follow the dog’s motion.
- Use plain text as a reference for the word “Slide,” animate it with the wiggle technique, and then erase parts of the text where the dog overlaps to create an interactive effect.
Here’s the finished animation using all three techniques
You can view this full tutorial video from Tara as part of the Typism Summit Bundle.
👉 Get all 16 Typism Summit Lettering workshops now for just $67
/* flush setting */ /* margin settings */ #block-1694872782764 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1694872782764 .block { /* border settings */ border: 1px none black; border-radius: 0px; /* background color */ /* default padding for mobile */ /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1694872782764 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1694872782764 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1694872782764 { text-align: ; } } #block-1694872782764 .block, [data-slick-id="1694872782764"] .block { display: flex; justify-content: flex-start; } #block-1694872782764 .image, [data-slick-id="1694872782764"] .image { width: 100%; overflow: hidden; width: @penguink_15px; border-radius: 0px; } #block-1694872782764 .image__image, [data-slick-id="1694872782764"] .image__image { width: 100%; width: @penguink_15px; } #block-1694872782764 .image__overlay, [data-slick-id="1694872782764"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 0px; } #block-1694872782764 .image__overlay-text, [data-slick-id="1694872782764"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1694872782764 .block, [data-slick-id="1694872782764"] .block { display: flex; justify-content: flex-start; } #block-1694872782764 .image__overlay, [data-slick-id="1694872782764"] .image__overlay { opacity: 0; } #block-1694872782764 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1698918218936 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1698918218936 .block { /* border settings */ border: 1px none black; border-radius: 0px; /* background color */ background-color: #FFFFFF; /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1698918218936 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1698918218936 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1698918218936 { text-align: left; } } #block-1698918218936 .btn { border-color: #68d3d7; border-radius: 4px; background: #68d3d7; color: #ffffff; } #block-1698918218936 .btn--outline { background: transparent; color: #68d3d7; } #block-1698918218936 .card__footer { color: } /* flush setting */ /* margin settings */ #block-1698916154157 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1698916154157 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1698916154157 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1698916154157 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1698916154157 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1698915507307 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1698915507307 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1698915507307 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1698915507307 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1698915507307 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1698913505069 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1698913505069 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1698913505069 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1698913505069 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1698913505069 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1746419732487 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746419732487 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1746419732487 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746419732487 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1746419732487 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1746168094988 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746168094988 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1746168094988 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746168094988 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1746168094988 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1746167969332 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746167969332 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1746167969332 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746167969332 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1746167969332 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1719902689152 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1719902689152 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1719902689152 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1719902689152 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1719902689152 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1720403418889 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1720403418889 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1720403418889 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1720403418889 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1720403418889 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1746420112918 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746420112918 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1746420112918 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746420112918 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1746420112918 { text-align: ; } } #block-1746420112918 .block, [data-slick-id="1746420112918"] .block { display: flex; justify-content: flex-start; } #block-1746420112918 .image, [data-slick-id="1746420112918"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1746420112918 .image__image, [data-slick-id="1746420112918"] .image__image { width: 100%; } #block-1746420112918 .image__overlay, [data-slick-id="1746420112918"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1746420112918 .image__overlay-text, [data-slick-id="1746420112918"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1746420112918 .block, [data-slick-id="1746420112918"] .block { display: flex; justify-content: flex-start; } #block-1746420112918 .image__overlay, [data-slick-id="1746420112918"] .image__overlay { opacity: 0; } #block-1746420112918 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1720403741816 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1720403741816 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1720403741816 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1720403741816 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1720403741816 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1720403773330 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1720403773330 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1720403773330 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1720403773330 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1720403773330 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1720403751534 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1720403751534 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1720403751534 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1720403751534 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1720403751534 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1746421489794 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746421489794 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1746421489794 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746421489794 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1746421489794 { text-align: ; } } #block-1746421489794 .block, [data-slick-id="1746421489794"] .block { display: flex; justify-content: flex-start; } #block-1746421489794 .image, [data-slick-id="1746421489794"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1746421489794 .image__image, [data-slick-id="1746421489794"] .image__image { width: 100%; } #block-1746421489794 .image__overlay, [data-slick-id="1746421489794"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1746421489794 .image__overlay-text, [data-slick-id="1746421489794"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1746421489794 .block, [data-slick-id="1746421489794"] .block { display: flex; justify-content: flex-start; } #block-1746421489794 .image__overlay, [data-slick-id="1746421489794"] .image__overlay { opacity: 0; } #block-1746421489794 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1745558400001 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745558400001 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745558400001 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745558400001 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745558400001 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1745818684035 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745818684035 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745818684035 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745818684035 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745818684035 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1745558406905 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745558406905 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745558406905 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745558406905 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745558406905 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1746422049399 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746422049399 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1746422049399 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746422049399 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1746422049399 { text-align: ; } } #block-1746422049399 .block, [data-slick-id="1746422049399"] .block { display: flex; justify-content: flex-start; } #block-1746422049399 .image, [data-slick-id="1746422049399"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1746422049399 .image__image, [data-slick-id="1746422049399"] .image__image { width: 100%; } #block-1746422049399 .image__overlay, [data-slick-id="1746422049399"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1746422049399 .image__overlay-text, [data-slick-id="1746422049399"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1746422049399 .block, [data-slick-id="1746422049399"] .block { display: flex; justify-content: flex-start; } #block-1746422049399 .image__overlay, [data-slick-id="1746422049399"] .image__overlay { opacity: 0; } #block-1746422049399 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1745820209417 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820209417 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745820209417 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820209417 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745820209417 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1745820198340 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820198340 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745820198340 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820198340 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745820198340 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1745820215686 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820215686 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745820215686 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820215686 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745820215686 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1746422065882 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746422065882 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1746422065882 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746422065882 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1746422065882 { text-align: ; } } #block-1746422065882 .block, [data-slick-id="1746422065882"] .block { display: flex; justify-content: flex-start; } #block-1746422065882 .image, [data-slick-id="1746422065882"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1746422065882 .image__image, [data-slick-id="1746422065882"] .image__image { width: 100%; } #block-1746422065882 .image__overlay, [data-slick-id="1746422065882"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1746422065882 .image__overlay-text, [data-slick-id="1746422065882"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1746422065882 .block, [data-slick-id="1746422065882"] .block { display: flex; justify-content: flex-start; } #block-1746422065882 .image__overlay, [data-slick-id="1746422065882"] .image__overlay { opacity: 0; } #block-1746422065882 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1745820485850 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820485850 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745820485850 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820485850 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745820485850 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1745820497132 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820497132 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745820497132 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820497132 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745820497132 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1745820527682 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820527682 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745820527682 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820527682 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745820527682 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1746422099272 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746422099272 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1746422099272 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1746422099272 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1746422099272 { text-align: ; } } #block-1746422099272 .block, [data-slick-id="1746422099272"] .block { display: flex; justify-content: flex-start; } #block-1746422099272 .image, [data-slick-id="1746422099272"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1746422099272 .image__image, [data-slick-id="1746422099272"] .image__image { width: 100%; } #block-1746422099272 .image__overlay, [data-slick-id="1746422099272"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1746422099272 .image__overlay-text, [data-slick-id="1746422099272"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1746422099272 .block, [data-slick-id="1746422099272"] .block { display: flex; justify-content: flex-start; } #block-1746422099272 .image__overlay, [data-slick-id="1746422099272"] .image__overlay { opacity: 0; } #block-1746422099272 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1745820611815 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820611815 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745820611815 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820611815 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745820611815 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1745820620805 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820620805 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745820620805 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820620805 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745820620805 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1745820722950 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820722950 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745820722950 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745820722950 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745820722950 { text-align: left; } } /* flush setting */ /* margin settings */ #block-1745821087248 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745821087248 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745821087248 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745821087248 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745821087248 { text-align: left; } } /* flush setting */ #block-1745821332914 { padding: 0; } /* margin settings */ #block-1745821332914 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745821332914 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745821332914 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745821332914 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745821332914 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1745825012289 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745825012289 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745825012289 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745825012289 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745825012289 { text-align: ; } } @keyframes VOLUME_SMALL_WAVE_FLASH { 0% { opacity: 0; } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; } } @keyframes VOLUME_LARGE_WAVE_FLASH { 0% { opacity: 0; } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; } } .volume__small-wave { animation: VOLUME_SMALL_WAVE_FLASH 2s infinite; opacity: 0; } .volume__large-wave { animation: VOLUME_LARGE_WAVE_FLASH 2s infinite .3s; opacity: 0; } /* flush setting */ /* margin settings */ #block-1745823433519 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745823433519 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1745823433519 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1745823433519 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1745823433519 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ #block-1698913035794 { padding: 0; } /* margin settings */ #block-1698913035794 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1698913035794 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1698913035794 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1698913035794 .block { /* default padding for desktop */ /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1698913035794 { text-align: center; } } #block-1698913035794 .btn, [data-slick-id="1698913035794"] .block .btn { color: #ffffff; border-color: #68d3d7; border-radius: 0px; background-color: #68d3d7; } #block-1698913035794 .btn--outline, [data-slick-id="1698913035794"] .block .btn--outline { background: transparent; color: #68d3d7; }
Stay connected with news and updates!
Join our mailing list for the latest updates about Typism Summits, Books, Membership News, and the Latest Lettering Challenges.
We hate SPAM. We will never sell your information, for any reason.