Think of building sites with Gatsby as an hourglass shape.
Gatsby itself is right in the middle. The wide funnel at the top represents the fact that Gatsby can take in data from all sorts of sources. The data could be in markdown files, from a headless CMS or some other API, from a hosted database, or pretty much whatever.
The wide funnel at the bottom represents that the output from Gatsby is static files, so those files can go anywhere. Netlify, GitHub Pages, ZEIT, S3, whatever.
Gatsby does a bunch of neat stuff (just the fact that it’s in React I’m sure is appealing to a wide swath of developers), but it seems to me the secret sauce is how it works with any data source.
If you were going to widen that hourglass shape into a, uhhh, pipe, you’d build a tool that connects arbitrary data sources with arbitrary static site generators. It appears that is what Stackbit is doing with Sourcebit. It has a two-sided plugin model (Sources: e.g. Contentful or Sanity; Targets: e.g. Jekyll or Hugo) with the goal of connecting any data source with any site-building tool that needs that data.
I would think contributors to all projects in both the data source and site builder arenas would be interested in seeing this succeed, including Gatsby.
Today we will be looking at how to animate a static logo, by using a video maker on Placeit. Bright colors, snappy movements, and of course, complete customization—all using Placeit’s video maker to animate logos.
Now, it’s time to upload your logo using the Upload Image button found on the left-hand side of the screen.
Once uploaded, you will be prompted to size and crop your logo. Make your logo as big as possible without cropping out any of the images.
Step 4
With our logo placed, we can add our tagline or slogan.
Change the text by typing in the text field found on the upper left-hand side. I’m going to go with a simple „Let’s Play!” in all capital letters.
Step 5
Let’s customize our font a bit by changing the font face!
We can do this by clicking on Teko, which is the current font, and choosing from the list of fonts that comes up.
I will be going with RobotoMono as it stays with the retro vibe we are going for.
Step 6
Finally, let’s swap in our color scheme!
All templates will have different areas that will need coloring. In this template, it’s the brown and orange color to the left.
The orange I quite like, but not so much the brown, so let’s change it to hot pink by clicking the orange square and choosing #fc1681.
2. How to Animate a Logo
Step 1
Now, let’s customize our logo’s animation!
On the left-hand side, you will see Logo Animation. Clicking it will give you a few choices of different animations and motion for your logo!
I am going to go with the third choice as it feels very glitchy and sporadic—precisely what I’m going for.
Step 2
Finally, let’s wrap our logo animation up by giving it some music!
On the right-hand side, you will see Audio Track. Here you can preview the song your logo currently has.
To change out the song, choose the Pencil Icon. A vast library of music will come up, all sorted by genre.
Press the Star to favorite a track and the Play button to test it.
I am going to choose Lily J – Lo-Fi 02, found in the Lo-Fi category!
We’ve Done It!
And there you have it! Save yourself some time while still getting your perfect opener using Placeit’s animated logo maker!
As always, keep practicing and experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!
More Logo Animations
Here are some more variations using just a few of the templates on Placeit!
Try this animation opener, full of fast glitch effects and a black and white palette! Add some pops of color to incorporate your own channel’s color scheme. A personal favorite of mine!
Do you love color, but are a minimalist at heart? Try this opener full of snappy transitions, geometric shapes, and a completely customizable color scheme!
Today we will be looking at how to animate a static logo, by using a video maker on Placeit. Bright colors, snappy movements, and of course, complete customization—all using Placeit’s video maker to animate logos.
Now, it’s time to upload your logo using the Upload Image button found on the left-hand side of the screen.
Once uploaded, you will be prompted to size and crop your logo. Make your logo as big as possible without cropping out any of the images.
Step 4
With our logo placed, we can add our tagline or slogan.
Change the text by typing in the text field found on the upper left-hand side. I’m going to go with a simple „Let’s Play!” in all capital letters.
Step 5
Let’s customize our font a bit by changing the font face!
We can do this by clicking on Teko, which is the current font, and choosing from the list of fonts that comes up.
I will be going with RobotoMono as it stays with the retro vibe we are going for.
Step 6
Finally, let’s swap in our color scheme!
All templates will have different areas that will need coloring. In this template, it’s the brown and orange color to the left.
The orange I quite like, but not so much the brown, so let’s change it to hot pink by clicking the orange square and choosing #fc1681.
2. How to Animate a Logo
Step 1
Now, let’s customize our logo’s animation!
On the left-hand side, you will see Logo Animation. Clicking it will give you a few choices of different animations and motion for your logo!
I am going to go with the third choice as it feels very glitchy and sporadic—precisely what I’m going for.
Step 2
Finally, let’s wrap our logo animation up by giving it some music!
On the right-hand side, you will see Audio Track. Here you can preview the song your logo currently has.
To change out the song, choose the Pencil Icon. A vast library of music will come up, all sorted by genre.
Press the Star to favorite a track and the Play button to test it.
I am going to choose Lily J – Lo-Fi 02, found in the Lo-Fi category!
We’ve Done It!
And there you have it! Save yourself some time while still getting your perfect opener using Placeit’s animated logo maker!
As always, keep practicing and experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!
More Logo Animations
Here are some more variations using just a few of the templates on Placeit!
Try this animation opener, full of fast glitch effects and a black and white palette! Add some pops of color to incorporate your own channel’s color scheme. A personal favorite of mine!
Do you love color, but are a minimalist at heart? Try this opener full of snappy transitions, geometric shapes, and a completely customizable color scheme!
Today we will be looking at how to animate a static logo, by using a video maker on Placeit. Bright colors, snappy movements, and of course, complete customization—all using Placeit’s video maker to animate logos.
Now, it’s time to upload your logo using the Upload Image button found on the left-hand side of the screen.
Once uploaded, you will be prompted to size and crop your logo. Make your logo as big as possible without cropping out any of the images.
Step 4
With our logo placed, we can add our tagline or slogan.
Change the text by typing in the text field found on the upper left-hand side. I’m going to go with a simple „Let’s Play!” in all capital letters.
Step 5
Let’s customize our font a bit by changing the font face!
We can do this by clicking on Teko, which is the current font, and choosing from the list of fonts that comes up.
I will be going with RobotoMono as it stays with the retro vibe we are going for.
Step 6
Finally, let’s swap in our color scheme!
All templates will have different areas that will need coloring. In this template, it’s the brown and orange color to the left.
The orange I quite like, but not so much the brown, so let’s change it to hot pink by clicking the orange square and choosing #fc1681.
2. How to Animate a Logo
Step 1
Now, let’s customize our logo’s animation!
On the left-hand side, you will see Logo Animation. Clicking it will give you a few choices of different animations and motion for your logo!
I am going to go with the third choice as it feels very glitchy and sporadic—precisely what I’m going for.
Step 2
Finally, let’s wrap our logo animation up by giving it some music!
On the right-hand side, you will see Audio Track. Here you can preview the song your logo currently has.
To change out the song, choose the Pencil Icon. A vast library of music will come up, all sorted by genre.
Press the Star to favorite a track and the Play button to test it.
I am going to choose Lily J – Lo-Fi 02, found in the Lo-Fi category!
We’ve Done It!
And there you have it! Save yourself some time while still getting your perfect opener using Placeit’s animated logo maker!
As always, keep practicing and experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!
More Logo Animations
Here are some more variations using just a few of the templates on Placeit!
Try this animation opener, full of fast glitch effects and a black and white palette! Add some pops of color to incorporate your own channel’s color scheme. A personal favorite of mine!
Do you love color, but are a minimalist at heart? Try this opener full of snappy transitions, geometric shapes, and a completely customizable color scheme!
Today we will be looking at how to animate a static logo, by using a video maker on Placeit. Bright colors, snappy movements, and of course, complete customization—all using Placeit’s video maker to animate logos.
Now, it’s time to upload your logo using the Upload Image button found on the left-hand side of the screen.
Once uploaded, you will be prompted to size and crop your logo. Make your logo as big as possible without cropping out any of the images.
Step 4
With our logo placed, we can add our tagline or slogan.
Change the text by typing in the text field found on the upper left-hand side. I’m going to go with a simple „Let’s Play!” in all capital letters.
Step 5
Let’s customize our font a bit by changing the font face!
We can do this by clicking on Teko, which is the current font, and choosing from the list of fonts that comes up.
I will be going with RobotoMono as it stays with the retro vibe we are going for.
Step 6
Finally, let’s swap in our color scheme!
All templates will have different areas that will need coloring. In this template, it’s the brown and orange color to the left.
The orange I quite like, but not so much the brown, so let’s change it to hot pink by clicking the orange square and choosing #fc1681.
2. How to Animate a Logo
Step 1
Now, let’s customize our logo’s animation!
On the left-hand side, you will see Logo Animation. Clicking it will give you a few choices of different animations and motion for your logo!
I am going to go with the third choice as it feels very glitchy and sporadic—precisely what I’m going for.
Step 2
Finally, let’s wrap our logo animation up by giving it some music!
On the right-hand side, you will see Audio Track. Here you can preview the song your logo currently has.
To change out the song, choose the Pencil Icon. A vast library of music will come up, all sorted by genre.
Press the Star to favorite a track and the Play button to test it.
I am going to choose Lily J – Lo-Fi 02, found in the Lo-Fi category!
We’ve Done It!
And there you have it! Save yourself some time while still getting your perfect opener using Placeit’s animated logo maker!
As always, keep practicing and experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!
More Logo Animations
Here are some more variations using just a few of the templates on Placeit!
Try this animation opener, full of fast glitch effects and a black and white palette! Add some pops of color to incorporate your own channel’s color scheme. A personal favorite of mine!
Do you love color, but are a minimalist at heart? Try this opener full of snappy transitions, geometric shapes, and a completely customizable color scheme!
Today we will be looking at how to animate a static logo, by using a video maker on Placeit. Bright colors, snappy movements, and of course, complete customization—all using Placeit’s video maker to animate logos.
Now, it’s time to upload your logo using the Upload Image button found on the left-hand side of the screen.
Once uploaded, you will be prompted to size and crop your logo. Make your logo as big as possible without cropping out any of the images.
Step 4
With our logo placed, we can add our tagline or slogan.
Change the text by typing in the text field found on the upper left-hand side. I’m going to go with a simple „Let’s Play!” in all capital letters.
Step 5
Let’s customize our font a bit by changing the font face!
We can do this by clicking on Teko, which is the current font, and choosing from the list of fonts that comes up.
I will be going with RobotoMono as it stays with the retro vibe we are going for.
Step 6
Finally, let’s swap in our color scheme!
All templates will have different areas that will need coloring. In this template, it’s the brown and orange color to the left.
The orange I quite like, but not so much the brown, so let’s change it to hot pink by clicking the orange square and choosing #fc1681.
2. How to Animate a Logo
Step 1
Now, let’s customize our logo’s animation!
On the left-hand side, you will see Logo Animation. Clicking it will give you a few choices of different animations and motion for your logo!
I am going to go with the third choice as it feels very glitchy and sporadic—precisely what I’m going for.
Step 2
Finally, let’s wrap our logo animation up by giving it some music!
On the right-hand side, you will see Audio Track. Here you can preview the song your logo currently has.
To change out the song, choose the Pencil Icon. A vast library of music will come up, all sorted by genre.
Press the Star to favorite a track and the Play button to test it.
I am going to choose Lily J – Lo-Fi 02, found in the Lo-Fi category!
We’ve Done It!
And there you have it! Save yourself some time while still getting your perfect opener using Placeit’s animated logo maker!
As always, keep practicing and experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!
More Logo Animations
Here are some more variations using just a few of the templates on Placeit!
Try this animation opener, full of fast glitch effects and a black and white palette! Add some pops of color to incorporate your own channel’s color scheme. A personal favorite of mine!
Do you love color, but are a minimalist at heart? Try this opener full of snappy transitions, geometric shapes, and a completely customizable color scheme!
Today we will be looking at how to animate a static logo, by using a video maker on Placeit. Bright colors, snappy movements, and of course, complete customization—all using Placeit’s video maker to animate logos.
Now, it’s time to upload your logo using the Upload Image button found on the left-hand side of the screen.
Once uploaded, you will be prompted to size and crop your logo. Make your logo as big as possible without cropping out any of the images.
Step 4
With our logo placed, we can add our tagline or slogan.
Change the text by typing in the text field found on the upper left-hand side. I’m going to go with a simple „Let’s Play!” in all capital letters.
Step 5
Let’s customize our font a bit by changing the font face!
We can do this by clicking on Teko, which is the current font, and choosing from the list of fonts that comes up.
I will be going with RobotoMono as it stays with the retro vibe we are going for.
Step 6
Finally, let’s swap in our color scheme!
All templates will have different areas that will need coloring. In this template, it’s the brown and orange color to the left.
The orange I quite like, but not so much the brown, so let’s change it to hot pink by clicking the orange square and choosing #fc1681.
2. How to Animate a Logo
Step 1
Now, let’s customize our logo’s animation!
On the left-hand side, you will see Logo Animation. Clicking it will give you a few choices of different animations and motion for your logo!
I am going to go with the third choice as it feels very glitchy and sporadic—precisely what I’m going for.
Step 2
Finally, let’s wrap our logo animation up by giving it some music!
On the right-hand side, you will see Audio Track. Here you can preview the song your logo currently has.
To change out the song, choose the Pencil Icon. A vast library of music will come up, all sorted by genre.
Press the Star to favorite a track and the Play button to test it.
I am going to choose Lily J – Lo-Fi 02, found in the Lo-Fi category!
We’ve Done It!
And there you have it! Save yourself some time while still getting your perfect opener using Placeit’s animated logo maker!
As always, keep practicing and experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!
More Logo Animations
Here are some more variations using just a few of the templates on Placeit!
Try this animation opener, full of fast glitch effects and a black and white palette! Add some pops of color to incorporate your own channel’s color scheme. A personal favorite of mine!
Do you love color, but are a minimalist at heart? Try this opener full of snappy transitions, geometric shapes, and a completely customizable color scheme!
Why cook when you can just skip the dishes? When McDonald’s launched its McDelivery service in the Czech Republic, DDB Prague was challenged to create ads that would create intrigue whilst still getting the word out about the delivery service. And this campaign of poster ads did exactly that. “Using McDonald’s products visually to show the benefit of its delivery service, together with the strong insight that people don’t like dirty dishes makes this piece of work really interesting.” – Gert Laubscher Creative Director DDB Prague The campaign of three ads showcases dirty dishes in each, but with a twist. Each ads’ dirty dishes actually form an iconic McDonald’s item. Stacked pots and dishes forming the Big Mac. Bowls and forks creating McDonald’s famous fries. Glasses, serviette’s and spoons a McSundae.
Why cook when you can just skip the dishes? When McDonald’s launched its McDelivery service in the Czech Republic, DDB Prague was challenged to create ads that would create intrigue whilst still getting the word out about the delivery service. And this campaign of poster ads did exactly that. “Using McDonald’s products visually to show the benefit of its delivery service, together with the strong insight that people don’t like dirty dishes makes this piece of work really interesting.” – Gert Laubscher Creative Director DDB Prague The campaign of three ads showcases dirty dishes in each, but with a twist. Each ads’ dirty dishes actually form an iconic McDonald’s item. Stacked pots and dishes forming the Big Mac. Bowls and forks creating McDonald’s famous fries. Glasses, serviette’s and spoons a McSundae.
UNsanitary is a sanitary pad brand launched by social enterprise Hey Girls UK to raise awareness about rising levels of period poverty in the UK. Hey Girls & adam&eveDDB created the new range of sanitary pads using the unsanitary items girls are forced to use in place of real period products: socks, loo roll and newspaper. The new brand 'launched’ in Asda on the 15th Feb, accompanied by a fully integrated print, film, social & DOOH campaign.
