Month: September 2024

I’ve been in content marketing for about eight years, and I’ll tell you this golden nugget of truth for free: You can’t cheat your way to success in this game.

And that’s especially true when it comes to marketing on a visual platform like Instagram.

In my experience, it takes dedication, consistency, and hard work to build a reputable Insta account. That said, I’m not a total glutton for punishment. I’m all for Instagram hacks that make the process of account building easier.

As a social media manager operating accounts in multiple time zones, a simple hack like scheduling Instagram posts in advance was a lifesaver for me. Then, getting Instagram and Pinterest to work together like a well-oiled machine helped me grow my personal blog’s traffic.

Whether you’re posting for business or pleasure, there are countless lesser-known features, settings, hacks, and search options to help take your Instagram game to the next level. And I've compiled them all here. Let’s go!

Note: Before getting started, make sure you're operating on the latest version of Instagram. At the time of publishing this guide, the latest version is 346 on iOS and on Android.

Please also note that although this article might demonstrate each tip below using an iPhone or Android device, all items on this list are available for both operating systems and can be enjoyed using the same step-by-step instructions.

Table of Contents

• Instagram Account Features
• Instagram Design Features
• Instagram Optimization Features
• Instagram Reels Features
• Instagram Stories Features
• Instagram User Preferences Features
• User Search Features
• How to Get Verified on Instagram

41 Hidden Instagram Hacks, Tips, and Features

Instagram Account Features

1. Add and manage multiple accounts from the same device.

As a freelance social media manager working on multiple client accounts, I found this hack an absolute blessing.

Managing multiple accounts from the same device made me way more effective and efficient at my job.

For example, if a scheduled post hit a technical glitch and didn't go live, I could toggle between accounts and manually post the content without an arduous log-on process.

I could also complete engagement tasks (i.e., commenting on X amount of relevant posts) for multiple client accounts in one session.

I don‘t know about you, but I find it much easier to do the same task repeatedly if I’m already in the ‘zone.’

But even for personal use, it‘s a game changer.

Separate account for your dog? Don’t be embarrassed; stand by your puppy profile. Whether it's a pet or a business account, you can add and manage this one alongside your personal account.

Here's how:

1. From your profile, tap the gear icon. To find this icon on an Android device, you'll first need to tap the three horizontal lines to the top right of your screen.
2. Scroll to the very bottom and tap “Add Account.”
3. Add your other account by username and password, and you're all set.

To toggle between both profiles, hold down your profile picture in the navigation bar to view all connected accounts.

2. See all the posts you've liked.

Ever wanted to see the post you’ve liked all in one place? All you have to do is go to your profile, click the three lines on the top right (on Android and iOS), tap “Your Activity,” tap “Interactions,” and then click “Likes.”

With this, you can see 300 of the last posts you’ve liked.

To un-like any posts you‘ve Liked, simply go to the post and deselect the "heart" icon below it.

Don’t worry — the user won‘t be notified that you’ve un-liked the post.

3. Hide, delete, or disable comments and likes on your posts.

X may carry a more “anything goes” culture of commentary, but your Instagram profile is your domain — and it's much easier to control who says what on your content. This is especially important if you manage a business account.

To Filter Comments by Keyword:

• Navigate to Settings and tap “Privacy,” then “Hidden Words.”
• You can toggle “Hide comments” to filter general offensive words or click “Manage custom words and phrases for messages, comments, and posts” to add custom filters.

To Delete Comments:

• Tap the speech bubble icon below the comment you'd like to delete, and swipe lightly to the left over this text.
• Select the garbage can icon that appears to delete this post. You can also do this to your own comments.

To Disable Comments Entirely:

To clarify, you can't turn off comments across your entire profile; you can only disable them for individual posts.

• To do so, start posting an image on which you'd like nobody to comment.
• When you reach the page to add a caption, tags, and location, tap “Advanced Settings” at the very bottom.
• This will open a screen where you can easily switch on an option labeled “Turn Off Commenting.”

4. Clear your Instagram search history.

To clear your Instagram search history (on Android and iOS), go to your profile, tap Settings, then “Your activity.” Tap “Recent searches” and click “Clear all.”

5. Add another Instagram account to your bio.

Perhaps your company has more than one Instagram account for different aspects of your brand.

For instance, HubSpot has a verified HubSpot account, a HubSpot Life account, a HubSpot Academy account, and a HubSpot Partners account.

To draw awareness back to its main company page HubSpot links to the @HubSpot account in its other account bios, like in @HubSpotLife's account:

Fortunately, you have the option to include another Instagram account in your Instagram bio. To do so, simply type the “@” sign into your bio and then select the account you'd like to tag. Then, click “Done.”

6. Communicate with your audience using Instagram Broadcast channels.

According to our Instagram Engagement Report, content showcasing a brand’s products/services (demos, teasers, etc.) is the best-performing type of content. Followed closely is funny content and relatable or authentic content.

Now, if only there was a fun way to share this type of content … Enter Broadcast Channels, a messaging tool for creators to engage directly with a large group of followers.

Creators can share updates and behind-the-scenes content as text, video, voice notes, and images. Followers can't send messages but can enjoy the content, react to content, and vote in polls.

Instagram Design Features

7. Add special fonts to your bio.

Here's an Instagram bio hack that can truly make your profile stand out. You can already add emojis to the bio beneath your profile photo, but your keyboard limits your creativity right there.

Using a couple of basic third-party websites, you can copy over some more special fonts not often found in the Instagram community. Here's how.

To Add a Special Font to Your Bio via Mobile:

• Add a new font to your Instagram bio via your mobile device using a website like LingoJam.
• Open the site on your phone, type your desired bio text in the left-hand text box, and you'll see the same bio text in different typefaces appear on the right.

• Carry your chosen font over to your Instagram bio by tapping it and selecting “Copy.”
• Then, open your Instagram app, navigate to your profile, select “Edit Profile,” tap the “Bio” section, and paste your chosen font into the empty field.

To Add a Special Font to Your Bio on Desktop:

If you're editing your Instagram profile on your laptop or desktop, Font Space has a library of fonts you can download and copy into your bio in seconds.

• To do so, Find a font you like and select “Download” beneath the font's sample image, as shown below.

• Downloading this font will open a folder on your desktop where you can pull a “.ttf” file that carries the various versions of this font. The file will look something like the screenshot below.

• Once you have this font copied to your computer's clipboard, open your internet browser and log onto Instagram.com.
• Select “Edit Profile” and paste your downloaded font into your bio field.
• You can then edit the sample text that came with your font to write your new bio as you see fit.

8. Add special characters to your bio.

Not only can you customize your bio with a special font, but you can also add atypical characters that distinguish you or your brand.

These include§,†, or even™ — symbols you wouldn‘t find on your smartphone’s normal keyboard — which is helpful if your Instagram name features a trademarked product name.

To Add Special Characters From Mobile

• Using your mobile device, install a free mobile app like Character Pad, which catalogs nearly every character and symbol you might need but won't find in the 26-letter English alphabet.
• Open the app and find the character you want to add to your Instagram bio.
• In Character Pad, you'll simply double-tap the picture of your chosen symbol to paste it into a text box, as shown below.
• Then, copy this character to your phone's clipboard. (For our purposes, I double-tapped the half-moon icon.)

• Once you have your symbol copied to your clipboard, open Instagram, navigate to your bio, and tap “Edit Profile.”

• Hold down your finger on the field of your bio you want to insert your special character until “Paste” appears as an option, as shown below.
• Tap “Paste” and then “Done.” Then, you'll be all set.

To Add Special Characters From a PC

You can also insert special characters and symbols through Instagram‘s web client on a desktop or laptop computer. The easiest way is to use Microsoft Word’s “Symbol” insertion icon, as shown below.

• Select your desired symbol or character and copy it to your computer's clipboard.
• Then, navigate to Instagram.com and follow the steps above to paste your character into a particular part of your bio.

Note: You might be tempted to simply Google search for the special character you want. At times, it might work just as well as the steps above. But keep in mind not all special characters you copy from the internet are “clean” when you paste them into Instagram — some of them might become corrupted or not show up correctly.

9. Reorder filters to set your favorite filters at the front.

If you use Instagram a lot, chances are you have a few favorite go-to filters and others you never touch. To make editing photos easier, you can reorder the filters in your editing window.

• To reorder filters, add a new post and begin editing it.
• When you get to the filters page, hold down on a filter you'd like to move and then drag it to your preferred location.

10. Use Instagram as a photo editor (without having to post anything).

This is lowkey one of my favorite Insta hacks. The reason is that I don't always want to share content on Instagram. Still, I might want to share visual content on a different social platform like LinkedIn.

In my humble opinion, no other social platform matches the photo editing capabilities of Instagram, and I‘m a real sucker for the filters. So, I’ll use this hack to add a filter and/or crop an image before sharing it to LinkedIn.

I haven't done a formal A/B test, but my photos on LinkedIn with an Instagram filter tend to perform better than those without. Of course, that could be down to the specific type of content I share and my audience. Your results may differ.

In your case, you might love Instagram‘s filters and editing capabilities but aren’t quite ready to post the photo to your account — right now or ever.

To use Instagram as a photo editor without posting anything, all you need to do is publish a picture while your phone is on airplane mode.

• First, be sure you have “Save Original Photo” turned on in your Instagram settings.

• Next, follow the normal steps to post a photo to Instagram: Upload the photo, edit it, and press “Share.”
• An error message will appear saying the upload failed, but you‘ll be able to find the edited image in your phone’s photo gallery.

11. Insert line breaks into your bio and captions.

When you write a caption on Instagram, you‘ll see the keyboard doesn’t give you the option to press “Enter” or “Return.” The same is true for your bio. So how do all those people put line breaks in there?

It turns out that all you have to do is press the “123” key in the bottom left corner of the keyboard, and the “Return” key will appear on the bottom right.

I know this tip sounds simple, but a lot of people miss it — myself included, until a colleague clued me in. I‘ve seen some elaborate solutions out there for hacking through this problem, like writing the caption copy in another app and then copying and pasting it into Instagram. Thankfully, it’s much simpler than that.

Instagram Optimization Features

12. Pin important content to the top of your Instagram Grid.

If you have an Instagram post that you want to call attention to, you can pin it to the top of your profile grid.

• To do this, pick the Reel or image post you want to pin.
• In the top right corner of the post, tap the three dots and click “Pin to your profile.”
• The post will now show up at the top of your grid.

This is a valuable tool to share ongoing partnerships with your followers, draw attention to popular content, and make sure new followers or browsers can immediately see the most important content you want to share with them.

13. Optimize your Instagram bio to appear in the Explore tab.

Your friends, family, and coworkers might be your first group of Instagram followers, but growing your audience takes more than the people who already know you. One key way to do this is to get your profile to appear on Instagram's Explore page.

Image Source

The Explore page, accessible using the magnifying glass icon shown above, is a browsing page that sorts the entire Instagram community by topic and keyword. These include “Fitness,” “Style,” “Science,” and more.

Hashtagging your posts with these words can expose your content to the people browsing these topics, but you can also use them in your Instagram name and bio to promote your profile.

If Jane Doe is a marketing consultant, for example, she might want to make her Instagram name “Jane Doe Marketing” rather than simply “Jane Doe.” Then, in her bio, she can include all of her specialties, such as “SEO,” “blogging,” “email marketing,” etc.

Pro tip: When you’re looking for suitable hashtags for your content or bio, aside from relevance, you want to factor in competition.

To do this, I don’t recommend using the first hashtags that Instagram auto-suggests when you start typing. They’re usually the most competitive (i.e., densely populated with existing content), making it harder for you to stand out.

The good news? All it takes is a little research.

In my case below, I’m looking for hashtags for my abstract artwork. I’m using ‘#abstract’ as a jumping-off point. But at over 13 million existing posts, that’s waaay too competitive, in my opinion.

Scrolling down, I can see ‘#abstractionism’ and ‘#abstract_post’ at 42, 442, and 14,380, respectively. I like the look of those odds compared to hashtags with millions of existing profiles and content. So, those two would be on my list out of that small selection.

14. Drive traffic to an external website.

Nearly 40% of marketers cite driving traffic to a brand's external site as the biggest challenge with Instagram.

And it‘s no wonder, given that clickable URLs aren’t allowed anywhere except the single “website” box in your bio.

If you put a URL in a photo caption, it'll appear as plain text, meaning users would have to painstakingly copy the URL, open a web browser, and paste or type it there.

One sneaky way to get people to visit your Instagram profile, which is where that one clickable URL is allowed, is to use your photo captions to encourage people to visit your profile for a link.

Then, update that URL frequently to point to your latest blog content, YouTube video, product, or offer.

Check out the example below from the food magazine Bon Appétit, which includes a link in its bio that draws people to external Bon Appétit content.

Image Source

If you have a verified Instagram account, you can also add links to your Story. Read more about this feature here.

15. Sell products from Instagram using Shoppable Posts.

You might already know you can tag people in your Instagram posts as (or after) you post new content. Now, you can tag products — and direct your viewers to a product page to buy what they saw.

Welcome news for the 49% of marketers who use revenue/sales of products within the Instagram app to determine ROI.

Pro tip: Speaking of ROI … Why not try our Free Paid Media Template to analyze performance and revenue for each media type and source?

To Add an Instagram Business Account

You'll need an Instagram Business account to publish shoppable posts. You can get one by selecting “Edit Profile” on your Instagram profile and tapping “Try Instagram Business Tools,” as shown below.

To Tag a Post With Products

Once you‘ve launched an Instagram Business account, you’ll need to enable product tags to use them on a post that depicts a product.

• Navigate to your settings using the gear icon from your profile page, and select “Products.”
• Tap “Continue” and follow the prompts to connect a "product catalog" to your business profile.

With product tags enabled on your Instagram Business account, you can now upload new posts and tag your photo with products you find from your product catalog. Here's what a shoppable post can look like:

Image Source

16. Create an auto-complete quick reply for standard responses.

Responding to user comments and questions is incredibly time-consuming, but fortunately, there's a hack to streamline the process and make it more efficient. (Note: This only works on Instagram Business accounts.)

You can simply create a one-to-two word phrase that can act as your shortcut to a longer standard response you might send often.

• To do this, click “Business” in your Settings, and then “Quick Replies.”
• Or, click the three-dot chat bubble icon on the bottom of the screen, and then click “New Quick Reply.”
• Add a shortcut you can enter for the response.

• For instance, you might type “returnpolicy” as the shortcut for a longer response. (i.e., “Hey there. We're sorry you don't love your purchase. Fortunately, we permit 30-day returns, no questions asked. Please send us your order confirmation number to get the process started.”)

• Once you‘ve added a shortcut, you can either type the shortcut "returnpolicy" into the comment box when you want it to auto-generate, or you can tap the three-dot chat Quick Replies bubble icon at the bottom of your screen to choose from a response you’ve created. (Read more about Quick Replies here.)

Image Source

17. Pin your Instagram post to Pinterest.

I'm an SEO girl at heart. But before I knew what SEO was, I began experimenting with Pinterest to grow my blog traffic.

To get the most from Pinterest, you need to post consistently, and as most content creators know, sometimes you hit a brick wall on the inspiration front.

When I have a creative block with Pinterest content, I like to repurpose old Instagram posts. (And it‘s easier than you think!) I’ve used the following technique to build group boards and direct traffic to my blog.

But here's the thing: You might not know this hack exists. Why? Well, Instagram doesn't have a natural integration with many social networks (except Facebook — considering they are both owned by Meta) for publishing Instagram posts to other social accounts.

However, with respect to Pinterest, image-loving platforms stick together. Here's a backdoor way to Pin your latest Instagram Story to Pinterest:

• On the Instagram mobile app, tap a post to view it in full, then tap the three dots to the top-right of the image.
• Select “Copy Share URL” to attach the picture's link to your clipboard.

• Open the Pinterest mobile app — or download it; you'll need it for this step — and navigate to your profile page.
• If you have the latest version of Pinterest downloaded, it might ask you as soon as you open the app if you'd like to produce the image from your clipboard.
• If not, select the “+” icon to the top right to add a new pin, and you'll see a menu of options where you can add your “Copied Link” to a new Pin or board on your profile.

Instagram Reels Features

18. Upload and browse video content on Instagram Reels.

Instagram Reels is one of the most popular features of Instagram to date.

In fact, 25% of marketers share this post format at least once a day, according to HubSpot’s most recent Instagram Engagement Report data.

This makes it the most shared content type on Instagram for marketers, with image posts and stories coming in joint second at 23%.

You can find Instagram Reels by opening the app and tapping the TV icon in the bottom navigation bar.

You'll land on a gallery of Reels to watch, including those from people you follow, trending videos, and the most popular creators on the app.

As you view more videos, the algorithm will adapt to your interests and show you Reels relevant to your likes. And naturally, the same goes for your target audience.

The Reels you create are visible on your Profile under the Reels icon. When you want to upload a new Reel, follow the steps to upload an image, but click Reels instead.

19. Easily create Reels using the template feature.

Instagram’s native Reels template helps anyone quickly and easily make a Reel. To create a Reel using a template, you can either:

• Find a Reel you like that someone has created, tap on the three dots on the bottom right corner of the real, tap “Use as template,” and follow the steps. (Note: the only Reels you can use as a template have the ‘Use as a template’ button.)

Or,

• Click on the Reels tab, swipe left to access the “Templates” option, and select the template you want to use. Then, follow the steps on screen.

20. Automatically add captions to your Reels and Stories.

The auto-caption feature automatically converts speech into captions for your Reels and Stories.

This feature is incredibly important for increasing accessibility for your content and also for allowing people to consume your content without sound.

21. Remix Reels to engage with other users.

Remixing a Reel means creating one that includes content from someone else’s Reel. It’s a great way to engage with other users and create side-by-side interaction.

• To Remix a real (on Android and iOS), tap the three dots on the Reel you want to remix.
• Tap “Remix” and choose whether to play your video beside the original video or after it ends.
• Next, record your Reel and share it to your profile.

If you remix a Reel using side-by-side video, you can mix the audio and add voiceovers, text, and stickers to your Reel and the original Reel.

If you remix a Reel and add your video after the original, you can’t change the audio from the original post, but you can adjust the volume level of the original Reel and add a voiceover.

22. Reply to a comment on your Reel with a Reel.

Instagram now allows people to create Reels to reply to comments on Reels. It’s an engaging way to interact with followers and build connections.

• To do this (on Android and iOS), tap “Reply” underneath a comment and click the camera icon.
• Record your Reel or upload a pre-recorded video from your camera roll.
• Click on the comment sticker to update the background color or change its position in the frame.
• Edit your Reel, then click “Share.”

Instagram Stories Features

23. Use Notes to share status updates.

Notes are 60-character max posts next to profile images in the messages inbox.

Notes will appear in your followers' inboxes, and you can choose to share them with all of your followers or your selected Close Friends list. They last 24 hours, and Notes replies appear as DMs.

The new feature is a great way to share your timely thoughts, engage with people, and see what others are saying.

Image Source

24. Create a collection of saved posts.

In addition to being able to view all of the posts you've liked, Instagram also has an option to save or bookmark certain posts in collections that you create.

• Start by going to your profile, and tapping the “Settings” icon at the top-right of your screen, and then select “Saved”:

• Next, press the “+” button and name your new Collection.

• Click “Next,” and select images from your “Saved” section.

• To save photos for future collections, tap the bookmark icon below the post you want to add, as shown below:

• Then, go back to your saved photos by following the previous steps.
• You‘ll see the photos you’ve saved — to add them to your Collection, select the Collection you want to add to, and tap “Add to Collection.” From there, you can add any of your saved photos.

25. Create Stories Highlights to show Stories for longer than a day.

Like in Snapchat, posts to your Story only stick around for your followers to see for 24 hours. But sometimes, you have a Story that deserves more daylight to be told.

That's where Stories Highlights comes in, a feature by Instagram that allows you to save stories together in the same space on your profile page.

If you ever wondered what that “New” button with the “+” icon was below your profile image, this explains it.

To make a Stories Highlight, tap this New option and select any number of past stories in your album:

Image Source

Then, give it a cover photo and a name to display as its own Instagram Story on your profile page. You can remove Stories Highlights at any time by tapping and holding down this Story.

26. Reorder Instagram Stories Highlights.

The Highlights on your Instagram feed act as your brand‘s portfolio — you can use Highlights to demonstrate your company’s values, showcase new products or services, or categorize various topics you post about frequently.

For instance, The North Face uses its Highlights section to highlight various initiatives that are important to the brand, including a section labeled “Summit Series,” “Explore Fund,” “XPLR Pass,” “Pride,” and “Athletes.”

Image Source

Since a user can only see the first five Highlights when they come across your profile, you‘ll want to ensure your first Highlights are the ones you’re most proud of. To do this, simply follow this trick:

• Hold down the Highlight you'd like moved to the front of this list and click “Edit Highlight” when the slide-up appears.

• Next, find an image or video you‘d like to add to the Highlight. (Don’t worry — you‘ll be able to delete this within 30 seconds, so you don’t need to choose one that will stay on the Highlight.)

• Click “Done” in the top right corner.
• Now, your Highlight will be first in the list. To remove the image or video you just added, follow the above instructions and simply un-check the image you added. Your Highlight will remain at the beginning of the Highlight reel.

27. Change your Instagram Highlights Icon without publishing it to your feed.

The image you choose for each Highlight should accurately depict what type of content users can expect to see if they tap the Highlight, so you'll want to choose a compelling, engaging image.

However, if you have a design, logo, or image you‘d like to use that isn’t in your Instagram feed, it's still possible to make it the Highlight Icon.

• To do this, click “Edit Highlight” (same as the step above):

• Next, click “Edit Cover,” and scroll through your camera roll to find an image you like.

• Once you choose an image from your camera roll, click “Done.” Your Highlight cover image is now an image you've never posted on your Instagram account:

28. Schedule posts in advance.

Given that Instagram is a mobile app, you're probably in a routine of taking photos and posting them to your Instagram Story on the fly. But, you can also pre-post them from your computer for a set day and time in the future.

This feature is available with a social media scheduling tool, as well as HubSpot, if you have an Instagram business account.

If you have this business profile, switch to it via the Instagram mobile app and follow the prompts to connect it to Facebook.

Depending on the social scheduling tool you use, you might not include this step.

Once you‘ve toggled to the right account, however, you’ll launch your scheduling tool, navigate to your current connected profiles, and see Instagram as an available integration.

A word of warning when it comes to scheduling posts on Instagram — and I tell you this from experience managing Insta accounts for international clients… make sure you set your scheduling tool to your client’s time zone rather than yours.

I once created and scheduled some beautiful content, and it was met with crickets. Why? It went out at an appropriate time on my end, but it was an unsociable time for the client and their audience. Doh!

Pro tip: Looking for the best days and times to schedule content on Instagram for peak engagement and performance? According to 50% of global marketers surveyed by HubSpot, Friday is the best day to post. Saturday comes in second at 44%, followed closely by Sunday.

When it comes to times, scheduling content at 6 PM-8:59 PM on Friday, Saturday, and Sunday yields the best results for marketers.

29. Use ‘Type Mode’ to enhance your Instagram Stories.

Since its launch, Stories have become quite creative, and it takes more than a pretty filter to stand out to your audience.

Enter “Type Mode,” an option similar to Snapchat that gives you the power to caption Stories that need extra context to resonate with someone. Here's how to use it:

• Open Instagram Stories by swiping right from your Instagram feed. This will launch your smartphone camera.
• Then, take a photo or video and press the “Aa” icon to the top-right of your screen, as shown below:

• The “Aa” icon will open Type Mode, where you have eight fonts to choose from. Here's what a sample Story looks like with Modern font:

30. Post content from other users to your Instagram Story.

Although Instagram Stories are a great way to give your content exposure on your followers‘ homepages, you might not always have something Story-worthy.

In those times, you can share an inspiring post from someone else through your Instagram Stories. Here’s how:

• Find a post you want to share in your Instagram Stories and tap the paper airplane icon, as shown below.

• This icon will open a screen allowing you to send this post to specific followers or add it to your Story.
• Tap the latter option, as shown below.

Tapping this option will automatically turn the post into an Instagram Story, which you can edit and design to your liking the same way you would any other Instagram Story.

31. Share Candid Stories with your followers.

Instagram Candid Stories lets you share in-the-moment updates with friends to let them know what you’re up to. A unique feature is that each Story is only visible to others who have posted their own Candid Stories.

To share a Candid Story, use the stories camera and select Candid Story, or wait for the daily Candid Story notification.

Image Source

Note that the Candid Story feature is not yet available to all users.

Instagram User Preferences Features

32. Mute Instagram notifications using Quiet Mode.

Quiet Mode turns off all app notifications and adds a badge to your profile, so people know you’re taking a break. When you turn Quiet Mode off, you’ll get a roundup of notifications of things you’ve missed.

• To use Quiet Mode on Instagram, Navigate to your profile page. Click “Settings,“ then ”Notifications,“ and then ”Quiet mode."
• Toggle the “Quiet mode” button to enable it and turn it off when you’re ready to receive notifications again.

You can also set a designated time to trigger Quiet Mode every day, so you don’t have to remember to turn it off and on.

Quiet Mode is currently available in the U.S., U.K., Ireland, Canada, Australia, and New Zealand.

33. Create a Favorites list to see your favorite accounts first.

If you have favorite accounts on Instagram or friends whose content you want to see more often, you can select up to 50 accounts to add to your Favorites list.

You’ll see their posts higher up and more often in your feed, and you can even swipe to a separate favorites-only feed to see what people are up to.

Every Favorites feed is free of ads and suggested posts, and nobody else knows who you’ve added to the list.

To choose your favorites, tap the Instagram logo on the top left corner, and select your favorite accounts to add.

34. Get notifications when your favorite people post.

Never want to miss an Instagram post from your favorite influencers again? You can choose to get a notification every time a specific user posts a new photo. All you have to do is turn on notifications for each user individually.

To turn on these notifications, visit a user's profile, click the bell icon in the upper right corner, and choose what type of post you want a notification for: Posts, Stories, Reels, Videos, or Live Videos.

Image Source

Want to turn post notifications off? Just follow the same steps. It‘s important to note that you must enable notifications from the Instagram app in your phone’s settings — here's how.

• To allow notifications on iPhone/iPad: Go to “Settings,” then “Notifications.” Choose “Instagram” and then turn on the setting to “Allow Notifications.”
• To allow notifications on Android: Go to “Settings,” then choose “Apps,” then “Instagram.” Select the option to show notifications.

35. Hide photos you've been tagged in.

When someone tags you in a photo or video on Instagram, it's automatically added to your profile under “Photos of You,” unless you opt to add tagged photos manually (see the next tip).

• To see the posts you've been tagged in, go to your own profile and click the person icon below your bio.
• Next, click on an individual post (in your tagged photos) and click the three dots in the top right.
• Tap “Post options,” then tap “Remove me from post” or “Hide from my profile.” The first removes your tag, and the second removes it from your tagged photos.

36. Adjust your settings to approve tagged photos before they show up in your profile.

As I mentioned in the previous step, when someone tags a photo or video of you on Instagram, it‘s automatically added to your profile.

But you can change your Instagram settings to enable manually selecting which photos you’re tagged in that show up on your profile.

To manually approve tagged posts, navigate to “Settings,” tap “Privacy,” “Posts,” then “Manually approve tags,” and toggle the on button.

Now, you‘ll be notified when you’ve been tagged in a post, and you can approve it to show up on your profile.

37. Hide ads you don't find relevant.

Instagram tries to show you ads that are interesting and relevant to you. You might see ads based on people you follow and things you Like on Instagram, or the third-party websites and apps you visit.

If you see sponsored posts you don‘t find relevant, though, you can let Instagram know and slowly teach its algorithm what you like and don’t like to see.

To hide ads on Instagram, tap on the three dots to the right of a post labeled “Sponsored,” and choose “Hide ad.”

From there, it‘ll ask you to share why you don’t want to see the ad anymore.

You can also opt out of seeing ads based on sites and apps off of Instagram and Facebook from your device‘s settings.

Note that even if you choose to opt out of seeing these types of ads, you’ll still see ads based on your Instagram and Facebook activity.

• To limit ad tracking on an iPhone/iPad: Go to “Settings” and choose “Privacy & Security,” then “Apple Advertising.” From there, choose the option to turn off personalized ads.
• To turn off interest-based ads on Android: Go to “Google Settings,” then “Ads.” From there, choose the option to “Turn off interest-based ads.”

38. Send photos privately to your friends.

Posting photos with all of your followers or with the public isn't the only way to share content on Instagram. You can also share them with individual or multiple users, kind of like a Facebook message or group text message.

You can either send a new photo to friends, or send a photo that you or someone else has already posted.

• To send a new photo privately, upload a photo and begin editing it, as you would when editing a new post.
• When you get to the “Share” page, tap the top where it automatically says “New Post,” but when prompted, select “Direct Message.”
• From there, you can pick and choose whom you'd like to send the photo to.

You can access your direct messages at any time by clicking the mailbox icon at the top right of your homepage.

• To send an existing photo privately, start by opening the post you want to share — it can be your own or someone else's, as long as the latter has a public account.
• Next, click the paper-airplane-like icon below the post, then select who you want to receive it when the “Send to” box appears.

User Search Features

39. Search Instagram users without an account.

As much as Instagram would like to see you ultimately create an account for yourself or your business, you can peruse the beautiful brands, people, and dogs that are waiting for you without an account to see if it's worth signing up.

There are two ways to search for people on Instagram without logging in:

Entering a Username at the End of the Instagram URL

The first way to search users without an account is by using an Instagram username you already know, and adding it to the end of “www.instagram.com/.”

For example, if you were to start with our Instagram username — which is simply “HubSpot” — you can enter the following into your browser's address bar: www.instagram.com/hubspot.

This will bring you to our Instagram profile as well as the elusive search bar at the top of the page:

Once you've reached this page, you can use the search bar to the left of the “Sign Up” button to browse users who are already active on the platform.

Googling Them in an Instagram Site Search

A slightly “hackier” way of looking up users without an Instagram account of your own is to simply search their name in a Google site search.

This means telling Google to only look up search terms on a website of your choice (in this case, Instagram).

To site search a user, open a Google search and type the following: "site:instagram.com [name of user]."

By keeping all the text prior to the brackets in your search bar, you can shuffle through the names of people and businesses, and Google will produce results that are live only on Instagram. Here's what a site search looks like for HubSpot.

As you can see, Google produces our main profile, our culture-focused HubSpot Life profile, Instagram posts that include the #hubspot hashtag, and our HubSpot Academy Page.

40. Look through pictures without accidentally liking them.

It‘s pretty easy to learn how to like something on Instagram — so easy, in fact, that people do it accidentally: It’s just a quick double tap of the photo once you've entered its full view.

The thing is, it's so easy to do quickly by mistake.

So, here‘s a quick Instagram cheat for you: To look through someone’s photos without “double-tap paranoia,” scroll through Instagram feeds with your phone set to airplane mode. Without internet access, you won't be able to Like a photo, even if you accidentally double-tap it.

The pictures won‘t load in the first place if you start on airplane mode, though. You’ll have to go to the feed first to load the posts, then turn on airplane mode, then start scrolling.

When you reach the end of the first rows of posts and want to load more, simply turn airplane mode off, let more load, and then turn it on again. Cumbersome? Maybe a little, but it could be worth the paranoia mitigation.

• To turn on airplane mode on an iPhone/iPad: Swipe up from the bottom of the screen and click the airplane icon. Or, go to “Settings” and then “Wi-Fi,” and switch “Airplane Mode” on.
• To turn on airplane mode on an Android device: Swipe down from the top of the screen. Then, swipe from right to left until you see “Settings,” and then touch it. Touch “Airplane Mode” to turn it on.

41. Browse posts from certain locations.

One fun thing you can do on Instagram is browse photos and videos from a specific location or taken near your current location.

I like to do that when I'm planning a trip somewhere or want to check out a new restaurant and scroll through the pictures taken there.

Here's how to do both of these things.

To Browse Posts From a Specific Location:

You can either search for a specific place, or you can click into a geotag on an existing photo.

To search for a specific place:

• Tap the magnifying glass icon at the bottom of your home screen, which will bring you to the general search page.
• Type in a place you’d like to search for, and you’ll see content most relevant to the place you searched, including the most popular Reels, accounts, audios, tagged photos, and locations.

How to Get Verified on Instagram

A verified badge (the blue check beside a celebrity or brand account name) tells users that you‘re, in Instagram’s words, “the authentic presence of a notable public figure, celebrity, global brand or entity it represents.”

For instance, there are plenty of “Reese Witherspoon” fan pages on Instagram, but there's only one real Reese Witherspoon account, as verified by the blue badge:

To request a verified badge, you must be a public figure, celebrity, or brand and meet certain requirements. If you‘ve determined you fit Instagram’s criteria for verification, follow these steps to request a badge:

1. Go to your profile (the person icon in the bottom left corner).
2. Tap the three lines in the top right corner.
3. Click “Settings,” “Account,” “Request Verification.”
4. Fill out the form, including username, Full Name, Document type (like government issued photo ID), Category, Country/Region, and Audience.
5. When you've filled out all form fields, click “Send.”

It‘s important to note, you won’t necessarily receive a verified badge if you request one. Learn more about what happens after you request a verified badge.

Instagram Features & Hacks

I might be biased, but Instagram is one of the most fun (and visually appealing) social apps around. Aside from personal use, you can use Instagram to enhance your brand’s presence.

It’s no surprise, then, that 31% of marketers surveyed for HubSpot’s 2024 Instagram Engagement Report post on their brand’s account multiple times a week.

On the other end of the spectrum, 23% of marketers post multiple times a day.

At first, I found that latter statistic surprising, but with features like Reels and Stories, it makes more sense.

Overall, my favorite Instagram marketing hacks are post-scheduling and using the platform with Pinterest. From a personal and business perspective, I love that you can benefit from Instagram’s filters without posting on your account.

That said, all of the tricks in this post can help you use Instagram to an even fuller extent. I sincerely hope you’ve found all of them helpful!

Editor's note: This post was originally published in May 2017 and has been updated for comprehensiveness.

This article is a sponsored by SVGator

SVGator has gone through a series of updates since our last article, which was published in 2021, when it was already considered to be the most advanced web-based tool for vector animation. The first step toward more versatile software came with the mobile export feature that made it possible to implement the animations in iOS and Android applications.

The animation tool continued its upgrade with a series of new export options: video formats including MP4, AVI, MKV, MOV, and WebM, as well as image formats such as GIF, Animated PNG, WebP, and image sequence. By covering a larger area of users’ needs, the app now enables anyone to create animated stickers, social media, and newsletter animations, video assets, and many more types of visual content on demand.

The goal of becoming a “one tool for all” still lacked the last piece of the puzzle, namely full support for Lottie files. Lottie, just like SVG, is a vector-based format, but it has even better comprehensive multi-platform support, a fact that makes it super popular among developers and design professionals. It is built for use across various platforms, enabling smooth integration into both web and mobile applications. Its file size is minimal, it is infinitely scalable, and developers find it straightforward to implement once they get familiar with the format. Lottie can incorporate raster graphics and also supports interactivity.

SVGator’s latest version has everything you need for your various applications without the need for any third-party apps or plug-ins.

Note: You can test all of SVGator’s functionalities free of charge before committing to the Pro plan. However, you can export up to three watermarked files, with videos and GIFs limited to basic quality.

In this article, we will follow a creation process made of these steps:

• Importing an existent Lottie JSON and making some minor adjustments;
• Importing new animated assets created with SVGator (using the library);
• Creating and animating new elements from scratch;
• Exporting the Lottie animation.

Getting Started With SVGator

The sign-up process is simple, fast, and straightforward, and no credit card is required. Sign up either with Google or Facebook or, alternatively, by providing your name, email address, and password. Start a project either with a Lottie animation or a static SVG. If you don’t have an existing file, you can design and animate everything starting from a blank canvas.

Now that you’ve created your account, let’s dive right into the fun part. Here’s a preview of how your animation is going to look by the time you’re done following this guide. Neat, right?

(Large preview) Create A New Project

After logging in and clicking on the New Project option, you will be taken to the New Project Panel, where you can choose between starting from a blank project or uploading a file. Let’s start this project with an existing Lottie JSON.

• Download the Lottie demo

1. Click on the Upload file button and navigate to the directory where you have saved your Lottie file.
   
   
2. Select the “Fast response.json” file and click Open.
   
   Hit play in the editor, and the animation should look like this:
   
   (Large preview)

Note: Make sure to hit Save after each step to make sure you don’t lose any of your progress while working on this project alongside our guide.

Import An Animated Asset

In this step, you will learn how to use the Library to import new assets to your project. You can easily choose from a variety of ready-made SVGs stored in different categories, load new files from your computer (Lottie, static SVG, and images), or save animations from other SVGator projects and reuse them.

In this case, let’s use an animated message bubble previously created and saved to the Uploads section of the Library.

Learn how to create and save animated assets with this short video tutorial.

• Download the message bubble Lottie animation

1. Navigate to the left sidebar of the app and switch to the Library tab, then click the “+” icon to upload the message bubble asset that you downloaded earlier.
2. After it is loaded in the uploads section, simply click on it to add it to your project.
   
   All the animated properties of the asset are now present in the timeline, and you can edit them if you want.
   
   Note: Make sure the playhead is at the second “0” before adding the animated asset. When adding an animated asset, it will always start animating from the point where the playhead is placed.
3. Freely adjust its position and size as you wish.
4. With the playhead at the second 0, click on the Animate button, then choose Position.

At this point, you should have the first Position keyframe automatically added at the second 0, and you are ready to start animating.

Animate The Message Bubble

1. Start by dragging the playhead on the timeline at 0.2 seconds:
   
   
2. Then, drag the message bubble up a few pixels. The second keyframe will appear in the timeline, marking the element’s new position, thus creating the 2 milliseconds animation.
   
   Note: You can hit Play at any moment to check how everything looks!
   
   Next, you can use the Scale animator to make the bubble disappear after the dots representing the typing are done animating by scaling it down to 0 for both the X and Y axes:
   
   
3. With the message bubble still selected, drag the playhead at 2.2 seconds, click on Animate, and select Scale (or just press Shift + S on the keyboard) to set the first Scale keyframe, then drag the playhead at 2.5 seconds.
4. Set the scale properties to 0 for both the X and Y axes (in the right side panel). The bubble won’t be visible anymore at this point.
   
   Note: To maintain the ratio while changing the scale values, make sure you have the Maintain proportions on (the link icon next to the scale inputs).
   
   To add an extra touch of interest to this scaling motion, add an easing function preset:
   
   
5. First, jump back to the first Scale keyframe (you can also double-click the keyframe to jump the playhead right at it).
6. Open the Easing Panel next to the time indicator and scroll down through the presets list, then select Ease in Back. Due to its bezier going out of the graph, this easing function will create a bounce-back effect for the scale animation.
   
   Note: You can adjust the bezier of a selected easing preset and create a new custom function, which will appear at the top of the list.
   
   Keep in mind that you need at least one keyframe selected if you intend to apply an easing. The easing function will apply from the selected keyframe toward the next keyframe at its right. Of course, you can apply a certain easing for multiple keyframes at once.
   
   To get a smoother transition when the message bubble disappears, add an Opacity animation of one millisecond at the end of the scaling:
   
   
7. Choose Opacity from the animators’ list and set the first keyframe at 2.4 seconds, then drag the playhead at 2.5 seconds to match the ending keyframe from the scale animation above.
8. From the Appearance panel, drag the Opacity slider all the way to the left, at 0%.

Create An Email Icon

For the concept behind this animation to be complete, let’s create (and later animate) a “new email” notification as a response to the character sending that message.

Once again, SVGator’s asset library comes in handy for this step:

1. Go to the search bar from the Library and type in “mail,” then click on the mail asset from the results.
2. Place it somewhere above the laptop. Edit the mail icon to better fit the style of the animation:
   
   
3. Open the email group and select the rectangle from the back.
4. Change its fill color to a dark purple.
5. Round up the corners using the Radius slider.
   
   
6. Make the element’s design minimal by deleting these two lines from the lower part of the envelope.
   
   
7. Select the envelope seal flap, which is the Polyline element in the group, above the rectangle.
8. Add a lighter purple for the fill, set the stroke to 2 px width, and also make it white.
   
   To make the animation even more interesting, create a notification alert in the top-right corner of the envelope:
   
   
9. Use the Ellipse tool (O) from the toolbar on top and draw a circle in the top-right corner of the envelope.
10. Choose a nice red color for the fill, and set the stroke to white with a 2 px width.
    
    
11. Click on the “T” icon to select the Text tool.
12. Click on the circle and type “1”.
13. Set the color to white and click on the “B” icon to make it bold.
    
    
14. Select both the red circle and the number, and group them: right-click, and hit Group.
    
    You can also hit Command or Ctrl + G on your keyboard. Double-click on the newly created group to rename it to “Notification.”
    
    
15. Select both the notification group and email group below and create a new group, which you can name “new email.”

Animate The New Email Group

Let’s animate the new email popping out of the laptop right after the character has finished texting his message:

1. With the “New email” group selected, click twice on the Move down icon from the header to place the group last.
   You can also press Command or Ctrl + arrow down on your keyboard.
2. Drag the group behind the laptop (on the canvas) to hide it entirely, and also scale it down a little.
3. With the playhead at 3 seconds, add the animators Scale and Position.
   You can also do that by pressing Shift + S and Shift + P on your keyboard.
   
   
4. Drag the playhead at the second 3.3 on the timeline.
5. Move the New Email group above the laptop and scale it up a bit.
6. You can also bend the motion path line to create a curved trajectory for the position animation.
   
   
7. Select the first keyframes at the second 3.
8. Open the easing panel.
9. And click on the Ease Out Cubic preset to add it to both keyframes.

Animate The Notification

Let’s animate the notification dot separately. We’ll make it pop in while the email group shows up.

1. Select the Notification group.
2. Create a scale-up animation for it with 0 for both the X and Y axes at 3.2 and 1 at 3.5 seconds.
3. Select the first keyframe and, from the easing panel, choose Ease Out Back. This easing function will ensure the popping effect.

Add Expressiveness To The Character

Make the character smile while looking at the email that just popped out. For this, you need to animate the stroke offset of the mouth:

1. Select the mouth path. You can use the Node tool to select it directly with one click.
2. Drag the playhead at 3.5 seconds, which is the moment from where the smile will start.
3. Select the last keyframe of the Stroke offset animator from the timeline and duplicate it at second 3.5, or you can also use Ctrl or Cmd + D for duplication.
   
   
4. Drag the playhead at second 3.9.
5. Go to the properties panel and set the Offset to 0. The stroke will now fill the path all the way, creating a stroke offset animation of 4 milliseconds.

Final Edits

You can still make all kinds of adjustments to your animation before exporting it. In this case, let’s change the color of the initial Lottie animation we used to start this project:

1. Use the Node tool to select all the green paths that form the character’s arms and torso.
2. Change the color as you desire.

Export Lottie

Once you’re done editing, you can export the animation by clicking on the top right Export button and selecting the Lottie format. Alternatively, you can press Command or Ctrl + E on your keyboard to jump directly to the export panel, from where you can still select the animation you want to export.

1. Make sure the Lottie format is selected from the dropdown. In the export panel, you can set a name for the file you are about to export, choose the frame rate and animation speed, or set a background color.
2. You can preview the Lottie animation with a Lottie player.
   Note: This step is recommended to make sure all animations are supported in the Lottie format by previewing it on a webpage using the Lottie player. The preview in the export panel isn’t an actual Lottie animation.
3. Get back to the export panel and simply click Export to download the Lottie JSON.

Final Thoughts

Now that you’re done with your animation don’t forget that you have plenty of export options available besides Lottie. You can post the same project on social media in video format, export it as an SVG animation for the web, or turn it into a GIF sticker or any other type of visual you can think of. GIF animations can also be used in Figma presentations and prototypes as a high-fidelity preview of the production-ready Lottie file.

We hope you enjoyed this article and that it will inspire you to create amazing Lottie animations in your next project.

Below, you can find a few useful resources to continue your journey with SVG and SVGator:

• SVGator tutorials
  Check out a series of short video tutorials to help you get started with SVGator.
• SVGator Help Center
  It answers the most common questions about SVGator, its features, and membership plans.

Only Chris, right? You’ll want to view this in a Chromium browser:

This is exactly the sort of thing I love, not for its practicality (cuz it ain’t), but for how it illustrates a concept. Generally, tutorials and demos try to follow the “rules” — whatever those may be — yet breaking them helps you understand how a certain thing works. This is one of those.

The concept is pretty straightforward: one target element can be attached to multiple anchors on the page.

<div class="anchor-1"></div>
<div class="anchor-2"></div>
<div class="target"></div>

We’ve gotta register the anchors and attach the .target to them:

.anchor-1 {
  anchor-name: --anchor-1;
}

.anchor-2 {
  anchor-name: --anchor-2;
}

.target {
  
}

Wait, wait! I didn’t attach the .target to the anchors. That’s because we have two ways to do it. One is using the position-anchor property.

.target {
  position-anchor: --anchor-1;
}

That establishes a target-anchor relationship between the two elements. But it only accepts a single anchor value. Hmm. We need more than that. That’s what the anchor() function can do. Well, it doesn’t take multiple values, but we can declare it multiple times on different inset properties, each referencing a different anchor.

.target {
  top: anchor(--anchor-1, bottom);
}

The second piece of anchor()‘s function is the anchor edge we’re positioned to and it’s gotta be some sort of physical or logical inset — top, bottom, start, end, inside, outside, etc. — or percentage. We’re bascially saying, “Take that .target and slap it’s top edge against --anchor-1‘s bottom edge.

That also works for other inset properties:

.target {
  top: anchor(--anchor-1 bottom);
  left: anchor(--anchor-1 right);
  bottom: anchor(--anchor-2 top);
  right: anchor(--anchor-2 left);
}

Notice how both anchors are declared on different properties by way of anchor(). That’s rad. But we aren’t actually anchored yet because the .target is just like any other element that participates in the normal document flow. We have to yank it out with absolute positioning for the inset properties to take hold.

.target {
  position: absolute;

  top: anchor(--anchor-1 bottom);
  left: anchor(--anchor-1 right);
  bottom: anchor(--anchor-2 top);
  right: anchor(--anchor-2 left);
}

In his demo, Chris cleverly attaches the .target to two <textarea> elements. What makes it clever is that <textarea> allows you to click and drag it to change its dimensions. The two of them are absolutely positioned, one pinned to the viewport’s top-left edge and one pinned to the bottom-right.

If we attach the .target's top and left edges to --anchor-1‘s bottom and right edges, then attach the target's bottom and right edges to --anchor-2‘s top and left edges, we’re effectively anchored to the two <textarea> elements. This is what allows the .target element to stretch with the <textarea> elements when they are resized.

But there’s a small catch: a <textarea> is resized from its bottom-right corner. The second <textarea> is positioned in a way where the resizer isn’t directly attached to the .target. If we rotate(180deg), though, it’s all good.

Again, you’ll want to view that in a Chromium browser at the time I’m writing this. Here’s a clip instead if you prefer.

That’s just a background-color on the .target element. We can put a little character in there instead as a background-image like Chris did to polish this off.

Fun, right?! It still blows my mind this is all happening in CSS. It wasn’t many days ago that something like this would’ve been a job for JavaScript.

---

Multiple Anchors originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

If you’re looking to add a gritty, urban vibe to your designs, spray paint textures and backgrounds are the perfect solution.

Whether you’re creating digital artwork, branding, or eye-catching event graphics, spray paint textures add a layer of authenticity and creativity that’s hard to achieve with traditional tools. From street art-inspired projects to bold, edgy posters, spray paint elements can instantly bring a raw, artistic energy to your work.

In this post, we’ve rounded up the best spray paint textures and backgrounds for you to use in your next project. With a variety of options ranging from splatters and drips to fully painted surfaces, these resources give you the freedom to create designs that feel dynamic and expressive.

Spray Paint Leaks Backgrounds

Featuring colorful graffiti wall textures, this is a collection of abstract spray paint textures with a hand-crafted artistic look. They come as a pack of 10 unique and striking JPG backgrounds with a high resolution of 6000 x 4000, 300 dpi in RGB format. These vibrant designs are ideal for web and print applications – from social media covers to logo backdrops, posters, or invitations.

Horizon Spray Paint Texture Backgrounds

Experience the vibrancy of hand-crafted colorful spray paint textures. This creative bundle features 10 unique graffiti wall textures in an array of colors, providing a lively backdrop for web pages, social media profiles, apps, presentations and printed projects. Delivered in JPG format with high-resolution clarity (6000×4000, 300 dpi, RGB), these textures can bring dimension and depth to your design work.

Graffiti Spray Paint Textures

This is an impressive collection of 29 vibrant PNG images featuring spray paint graffiti style textures. Housed in a single .zip file, these high-resolution textures are ideal for different design needs – from adding a creative touch to projects, using for masks and overlays, or setting unique backgrounds. All the items use an RGB color space to enhance your creative process.

Paint Splatter Texture Backgrounds

This spray paint textures bundle offers a collection of 15 varied designs, each texture is presented in high-resolution 6000 x 4000px format. With a crisp 300 DPI and convenient JPG formatting, these spray paint textures are perfect for adding a unique and vibrant touch to any digital project.

Spray Paint Textures & Overlays

A unique spray paint textures pack offers authentic and high-resolution textures extracted from real spray paint patterns. With 10 varieties to choose from, these full transparency textures are flawlessly isolated and prepared as transparent PNG files. Adjust the dark grey opacity as needed, and enhance your design projects with these fine detailed, 48-megapixel sized overlays to bring a real-life spray paint effect.

Spray Paint Colorful Backgrounds

A vibrant collection of handcrafted spray paint textures, featuring graffiti-style elements perfect for a variety of digital and print uses. The set includes 10 distinctive, high-resolution (6000 x 4000, 300 dpi, RGB) JPG backgrounds, ideal for websites, social media, apps, presentations, logos, and print items like flyers, cards, posters, and more.

101 Blob & Spot Spray Shapes

Explore the world of spray paint textures with this collection of high-resolution designs and shapes. Crafted with inks on paper and meticulously scanned and edited in Photoshop, these unique abstract shapes can enhance any project, whether it’s web design, art, posters, flyers, banners, or covers.

32 Abstract Spray Paint Shapes

The 32 Abstract Spray Paint Shapes asset is an expansive assortment of unique, digitally enhanced PNG files of ink-sprayed shapes. With a high resolution of up to 6000 pixels, these beautifully abstract textures, originally painted on paper, can enhance a variety of projects including web design, art creation, and print materials like cards, posters and flyers.

Spray Paint Texture Bundle

A unique spray paint textures pack that showcases over 100 authentic spray paint marks in high-resolution png files that can be effortlessly integrated into your projects. This versatile bundle provides varying spray paint splatters, drips, and marks, which can be scaled, copied, pasted, or color-customized to add grunge detail to your artwork.

Spray Paint Drip Textures

Invite some vibrancy into your artwork with this collection of spray paint textures. These authentic, captivating textures are perfect for any design project and are easy to use. They offer impressive detail, having been scanned at a high resolution before being converted to vector formats. With their dark grey color, full isolation, and transparency in various formats, these textures are versatile and adaptable to your choice of software.

20 Paint Splatter Textures & Brushes

Explore new depths in your graphics designs with this spray paint textures pack. It offers high-resolution ink splatter effects, suitable for enhancing illustrations, photos, and website layouts, and even for creating realistic blood splatter. The pack includes 20 PNG files, 1 PSD file, and an ABR file with 20 brushes, guaranteed to add elegance and memorability to your designs while saving you time.

Paint Splashes Backgrounds

This is a collection of vibrant, urban-style designs filled with splattered acrylic paint reminiscing the energetic spirit of youth. These grainy textures serve as a multifunctional decorative asset featuring unique graffiti-like brush strokes and chaotic mud bursts. Ideal for youth apparel, advertising material, digital product presentations, and more.

Spray Paint Drips Textures

This is a versatile collection of 20 high-resolution PNG files with spray paint textures. With a vibrant RGB colour space, these textures are brilliant for incorporating into design projects, creative edits, background visuals, masks, and overlays. Their spray paint drip style serves as an innovative design element, adding a unique artistic flair to various creations.

Subtle Spray Paint Textures

This is a comprehensive set of gently sprayed textures, created from high-resolution scans of spray-painted paper and converted into multiple formats like AI, EPS, and PNG. Perfect for both Illustrator and Photoshop, these dark gray textures, crisply detailed and fully customizable, come with transparent backgrounds and can be paired with DRIP textures to add depth to your design projects.

12 Spray Paint Textures

An eclectic collection of abstract spray paint shapes as PNG files. These high-resolution shapes, crafted thoughtfully from ink on paper, are edited digitally for optimal use. They reach up to 9000 pixels in size and can significantly enhance visual arts projects, such as cards, banners, templates, websites, and more.

Paint Splatter Art Textures

This spray paint texture pack offers a collection of modern, abstract paintings that were originally created with real paint, then scanned at high resolution and converted to Vector EPS, AI, and PNG formats. Ideal for various design projects, these finely detailed textures come with fully isolated, transparent backgrounds.

20 Spray Paint Graffiti Texture

Explore your creative side with this unique spray paint texture pack. Featuring 20 PNG textures in stunning 8K resolution (6000 x 4000 px), it ensures compatibility with Photoshop and other graphics programs that support PNG files, promising to enhance any design project with a vivid, urban touch.

Spray Paint Splatter Brushes & Textures

This spray paint textures collection contains high-resolution, handmade ink splatter effects in a pack of 21 black and white jpg or png images. Perfect for adding texture, grunge effects, or realistic blood splatter to your designs. Incorporate these greyscale bitmaps into any application compatible with .jpg or .png files, offering easy layering and color changes in photoshop.

Free Spray Paint Textures

Free Abstract Art Spray Paint Texture

This beautiful spray paint texture features a colorful design with an abstract and artistic design. You can use it in various ways to create backgrounds as well as for adding textures to designs.

Free Spray Painted Fence Texture

This is a real photo of a spray-painted fence that features a very authentic design. It has a realistic look with a rusted metal fence background that will add a vintage feel to your design project.

Free Green Spay Paint Texture

You can use this spray paint texture to add a gritty look and feel to your posters, flyers, and various other designs. By changing colors, you can even make it look like a blood-splatter texture.

Free Spray Paint Texture Background

This free texture also comes with a green spray paint design. It features a stain-like design that you can blend with various graphics and backgrounds to create unique designs.

Colorful Free Spray Paint Texture

This is a free spray paint-style texture you can use to create colorful backgrounds. It features a sidewalk with spray-painted spots that add an authentic look to this textured background.

I know. “AI public relations” (PR) kind of sounds like an oxymoron.

Public relations is about shaping and sharing your human stories with other humans. It’s about capturing and creating genuine human excitement and resonance. How can we ever leave that to the robots?

Well, we can’t — at least not entirely. Like applying AI to digital marketing or any other field, you must be selective and thoughtful about incorporating AI into your public relations strategy. That’s where we come in.

We’ll unpack the pros and cons of using AI in public relations and share some of the smartest use cases and expert tips to help you get the most out of it.

Table of contents

• Why Use AI in Public Relations
• How is AI used in public relations?

Why Use AI in Public Relations (PR)

Using AI in public relations has many benefits, but they all come back to one all professionals strive for — improved productivity.

Let’s break down the specifics.

Pros of AI Public Relations

Higher Efficiency

HubSpot research found 90% of marketers say AI and automation help them spend less time on manual tasks, more time on the responsibilities they enjoy most (80%), and more time on the creative aspects of their role (79%). Public relations is no exception.

In fact, 76.6% of PR professionals already use AI tools to automate their most tedious and repetitive tasks, according to Prowly.

For PR professionals, AI can mean quicker market and campaign analysis, as well as faster press release and pitch drafting. AI and automation can also help eliminate manual tasks like email follow-ups to your press partners.

Lower Costs

By aiding with time-consuming and mundane tasks, AI can also help minimize unnecessary expenses in your public relations budget.

For example, if you pay a freelancer by the hour to draft press releases, using an AI tool like Jasper or even HubSpot’s Free AI Content Writer can help cut the need for those hours.

Don’t believe me? Prowly found that 43.5% of PR professionals using tools say it has reduced their companies' overall costs and resource needs. That’s on top of 48.2% reporting they struggled with working with a small budget in the past 12 months.

These small efficiencies add up.

Increased ROI

With lower costs comes the potential for increased return on investment (ROI). Hard to argue with that.

Cons of AI Public Relations

As great as AI sounds for public relations, it still has drawbacks.

Data Quality & Accuracy

Data quality and accuracy are some of the biggest concerns of using AI in public relations or any use case, really.

Most public artificial intelligence runs off information fed from its users and the internet — and I think we all know we can’t trust everything we read online.

Because of this, you can’t always know if the results you get from AI are accurate or based on reliable sources. This can be dangerous when using AI in public relations, especially when doing research.

Be wary of validity and even bias. The last thing you want to do is make strategic decisions based on false or misguided information.

Privacy

There’s no doubt that AI can help expedite your public relations workflow, but that often means sharing details about your brand or company to produce results you can actually use.

AI is currently unregulated, so any information you share is at risk of being stored or passed onto others using the tool, including potentially our competitors.

Lack of Human Touch

Public relations is about human connection. It’s about how your brand or client is perceived by other people and the public at large.

While impressive, AI or automation’s ability can only go far in this arena.

AI can’t create personal relationships and bonds. It can’t take photos with fans, shake hands with potential investors, or attend a charity event. It can’t “read the room” or understand the sensitive nuances of current events or culture.

And its insights and information are only as current as its last update. So. tread lightly when using AI or automation for one-on-one communication.

Without careful editing or strategic use of the tools, its artificial nature can be easy to spot.

This personalization mistake from UK restaurant burgerific is a common one.

Image Source

How is AI used in public relations?

The possibilities of artificial intelligence are pretty boundless, but with the cons and limitations we discussed in mind, here are some of the best use cases in public relations.

1. Drafting press releases and pitches

In one of my first marketing and PR jobs, I wrote and distributed about 2-5 press releases a day. I enjoyed it, but I’d be lying if I said it wasn’t time-consuming, let alone draining.

I may also have developed Carpal Tunnel Syndrome from all the typing, but we’re not here to discuss the importance of workspace ergonomics.

With generative AI, you can dramatically reduce your press release and pitch writing time (and maybe even Carpal Tunnel Syndrome).

All you need is a prompt answering these questions:

• What is the goal of your press release?
• What important information do you have to include?
• Who is it intended for?
• What tone do you want to use?

To illustrate, I gave ChatGPT this prompt:

“Can you write me a press release about Apple's September 2024 Product Event? It should include the date and time -- Monday, September 9th at 10:00 AM PT and get the general public excited about it.”

Here’s what I got back:

But remember, this should only be a starting point. Neerja Patel, a PR professional of over 15 years and founder and CEO of her own PR firm, advises, “Use AI to enhance your creativity and assist with research and content creation.”

“It shouldn’t replace your thought process or be used as a substitution for your work. The most impactful campaigns that have maximum outcomes are the ones that blend the human mind with AI.”

Pro tip: “To ensure you are telling the best narrative in AI-assisted press releases, include not only important and relevant information but also current world trends,” continues Patel.

“This will help strengthen your messaging, ultimately increasing your chances of garnering attention from journalists and securing stories in publications.”

Also, are you not the savviest with ChatGPT or prompting just yet? Our free guide, “How to Use ChatGPT at Work,” will introduce you to the tool and share best practices and 100 prompt ideas to get you started.

These skills are easily adaptable to other chatbot-style tools like HubSpot’s Free AI Content Writer. You can try them in a tool specifically designed for public relations, like Meltwater.

2. Automating social media engagement

Being able to schedule social media posts for publication frees up a lot of time for marketers and PR professionals, but the use cases for AI and automation don’t end there.

You can also use AI to respond to comments or direct messages automatically.

There are a few options out there for this, but personally, I’m a big fan of the conversational marketing tool ManyChat.

ManyChat can be used to automatically respond to comments on Instagram posts or send a personal message when people use a specific word or phrase. It can also be used with Facebook Messenger or WhatsApp.

3. Monitoring brand sentiment and reputation

AI and automation can also help keep you keep a pulse on how the public feels about you or your brand. In other words, it can help you monitor brand sentiment and reputation changes.

It all comes back to social listening.

For example, Digimind’s social listening tool “combines Digimind’s AI Sense with OpenAI’s ChatGPT to monitor social media, blogs, reviews, podcasts and more, to detect key events about any brand or topic,” explained MarTech managing editor Constantine von Hoffman.

“It then determines important metrics, such as reach, brand impact, and key mentions sent to ChatGPT to be analyzed and summarized in plain English in real-time.”

Need a more simple or budget-friendly alternative?

Set up Google Alerts for any phrase or keywords you like, such as your brand or product name. For there, Google monitors the web for new content matching your terms and sends an automated email when a new result appears.

It’s free and effortless for you to maintain.

Pro tip: If you’re a HubSpot user, use social inbox streams.

Image Source

These streams allow you to monitor social media for mentions of your brand, product, or other keywords from within your portal.

4. Maintaining your press list(s)

Prowly’s State of PR Technology reports that nearly half of public relations professionals struggle to find relevant media contacts.

Databases like those from Prowly, Cision, and Brandwatch can help, but even once you find your contacts, maintaining the list can be just as hard.

Thankfully, this is one area where AI shines brightest.

For one, AI and automation can help you segment your press contacts into different lists based on their unique specialties or demographics.

You can create one list for television, another for digital media, and others segmented by location, like New York or London.

Source

AI can also help clean your data by automatically identifying and removing inactive or bounced email addresses, correcting typos in email addresses, and filtering out duplicates.

All this helps reduce list decay and improve deliverability rates.

Pro tip: If you use HubSpot, use smart lists and workflows to keep your press lists current.

Smart lists will automatically update, adding and removing contacts based on the criteria you set, while workflows can be used to clean data in the CRM.

5. Reaching out to media.

AI doesn’t just help you build and maintain your press list; it can help you contact it.

For instance, using automated email tools like HubSpot’s, you can set up follow-up messages for new contacts who download your press/media kit or those who email about press inquiries.

You can even set up a series to follow up with contacts who may not have opened your outreach or have gone dark.

Source

Rather than having to send out dozens, if not hundreds, of manual emails, automation can scale your outreach efforts and increase your chances of getting

6. Researching

This likely goes without saying, but AI can be a game-changer in public relations research.

Using AI rather than a conventional search engine can make it easier to answer specific queries. Why exactly? Well, there is no need to click through multiple pages and hope you find what you need; AI does that for you.

It crawls the web for related resources and then distills and summarizes the content for you. While it may take a few tries to get the exact information you need, an AI chatbot like ChatGPT or Meta AI can save you massive amounts of time scrolling.

(Ai)ding your public relations success

As quick-witted as many people are, AI can generally process requests, analyze data, and respond faster than humans ever could.

I mean, think about it this way: I can do long division, but that doesn’t mean a calculator won’t help me get the answer faster.

Take our tips and advice above and start using AI in public relations with the same mindset.

To be candid, I have a love-hate relationship with social media.

Sometimes, I’m annoyed at how exciting those “likes” can be.

At others, I’m ecstatic at the social media advertising ROI (return on investment) my teams can generate. It just keeps me coming back for more — and I know I’m not alone in this feeling.

According to our 2024 State of Marketing & Trends Report, marketers consider social media their biggest source of ROI alongside their website or blog. Paid social media content follows closely in the second spot.

But what platforms and tactics can deliver the most ROI for your business?

Let’s dive into the latest findings from HubSpot’s 2024 Social Trends Report to answer those questions and hear from experts at Brandfolder, Sprout Social, Rakuten Advertising, and more.

Table of Contents

• What is social media ROI?
• Which social media channels have the best ROI?
• Which social media tactics or strategies have the best ROI?

What is social media ROI?

Simply put, social media ROI is exactly what it sounds like — the return on investment you get from your social media marketing and advertising campaigns.

It measures the results you make or receive compared to how much you spend.

Depending on your goals, this can be done using a number of different metrics.

For instance, if your goal is to build brand awareness, you might prioritize metrics demonstrating reach or engagement — such as new followers, impressions, audience growth rate, or social shares.

These tend to be the most common, in my experience, but other metrics to measure social media marketing and advertising ROI include likes, comments, or sales.

Arguably the most direct approach is to zero in on revenue.

How do you calculate social media ROI?

Our survey found that measuring ROI is one of the five biggest challenges marketers face with social media. That’s out of 22 possible options.

Numbers and I don’t always get along, so I get where they’re coming from. But thankfully, measuring social media ROI is pretty simple.

This formula can be used with revenue in mind:

Social media ROI = (Total Revenue - Total Investment) / Total Investment

“Total revenue” is the amount of money generated from your campaigns, while “total investment” is the amount of money you put in (like resources, labor cost, cost per click, etc.).

When you run your calculation, a negative result means you spent more money on your campaigns than you got back — womp — and a positive result means the opposite.

Let’s illustrate with an example. Say you spent $500 on social media advertising last quarter and made $1250. Using our formula:

= (1250--500) / 500

= (750) / 500

= 1.5

Your social media advertising ROI is 1.5. This means you made $1.50 for every dollar you spent.

Note: This formula will give your ROI in the dollar amount, but if you’d like it expressed in a percentage, follow: (Total Revenue - Total Investment) / Total Investment x 100

Check out this helpful guide by my teammate Flori Needle to learn more about what a good social media advertising ROI is and how to calculate it.

Which social media channels have the best ROI?

HubSpot's 2024 Social Media Trends Report found YouTube provides marketers with the highest ROI while Meta-owned Facebook and Instagram trail closely behind.

TikTok follows, but X (formerly Twitter), LinkedIn, and other small platforms clock in with less than 10% of marketers vouching for them.

This list is likely not surprising. The top five are some of the largest and most active social media networks. Plus, those marketers reported delivering the highest ROI when working with influencers/creators.

Let’s dig deeper into the top four to learn why, and I’ll share some tips on getting the most out of them.

1. YouTube

Ranking third in our list last year, YouTube has made a huge jump to our #1 social media channel for ROI this year for marketers — and more than half (54%) plan on increasing their investment in the platform this year.

But why exactly?

First off, there’s reach.

YouTube receives about 30 billion monthly visits and commands an audience of over 2.5 billion people (including over 100 million Premium subscribers). Every generation, from alpha to boomers, is on the platform. This means there’s a strong chance your audience is, too.

Our survey found that marketers think YouTube has the best audience targeting tools. This makes reaching your audience easy with its paid ads.

The platform also has a very low barrier to entry.

Setting up a YouTube channel is free, and with a smartphone and some editing software, you can create content at little to no cost. Throw in AI and you can streamline your effort, too.

This automatically sets you up for a great return on your investment.

YouTube is also one of the most respected names in video, and consumers across the board have shown a strong preference for video content.

How to Get the Most ROI Out of YouTube

Team up with creators or influencers.

21% of marketers say YouTube (alongside Facebook) offers the highest ROI when working with influencers or creators. That’s the highest of all platforms.

Read more in the Ultimate Guide to Influencer Marketing.

Experiment with both long and short-form content.

While known for its long-form content, YouTube Shorts can be used to capitalize on the user preference for short-form video. (More on that later.)

Check out our free YouTube Marketing Course to get started.

2. Facebook

With over 3 billion monthly active users, Facebook is the most popular social media platform worldwide — despite what much of Gen Z may tell you.

Baby boomers and Gen X name it one of their top favorite platforms, while millennials and Gen Z frequent it for events and Facebook Marketplace.

However, its large audience is just one reason Facebook remains the social media platform with the second highest ROI since last year. And also why 53% of marketers plan to increase their investment in it this year.

According to our survey, Facebook offers the second-best audience targeting tools out of all social media platforms, only losing out to YouTube by 1%.

The social media giant lets you target by demographics, interests, and even previous behavior — like visiting your website or attending one of your Facebook Events.

These paid ads can appear in a user's newsfeed or Messenger app and include formats like carousels, boosted posts, and videos. Marketers can also leverage Facebook Lead Ads to get users to fill out a lead generation form without leaving the social platform. Here’s an example from YSL Beauty.

Nicole Ondracek, HubSpot's Paid Advertising Senior Marketing Manager, agrees that Facebook is an incredibly viable channel.

“At HubSpot, Facebook is a valuable channel for us in driving return on ad spend. A main reason why is that we can provide our content to a relevant audience using Facebook's audience targeting features. For instance, Facebook's lookalike audiences allow us to go after people who look like our current customers,” she shared.

“Facebook's algorithm is great at finding similar audiences who are likely to convert, which is why we see a positive return on investment going after these types of audiences.”

How to Get the Most ROI Out of Facebook

Over the years, I have seen Facebook evolve into one of the hardest places to make an organic impact.

Facebook Groups still prove to get traction and you certainly want to maintain a presence on the platform with a business page. But depending on your goals, your time and effort is likely best spent on Facebook Ads.

Here are a few ways to get the best ROI with that in mind:

Boost posts.

​​Is a post on your Facebook page getting a lot of engagement or clicks? Think of that as a successful experiment proving your audience enjoys that content. It likely has great potential to perform well as an ad through “boosting.”

Learn more on boosted posts.

Try retargeting.

Retargeting means you can target users on Facebook with ads related to pages they’ve visited on your website or actions they’ve taken. This helps make the ads feel more personalized, relevant and, in turn, more likely to boost your ROI.

Learn more on how to get the most out of your Facebook Ads budget.

3. Instagram

I was surprised to see this, but Instagram actually fell two spots on our list of social media platforms with the highest ROI from last year. But no need to panic.

The margin is small, and 52% of marketers plan to increase their Instagram investment next year.

With over 2 billion monthly active users, Meta-owned Instagram engages a large global audience, offering opportunities for many types of businesses.

Marketers can increase reach and boost sales through non-organic means like Instagram Ads or shoppable posts. In fact, our survey found that 71% of marketers who sell products on Instagram rated it as high ROI more than any other channel.

Plus, 50% of users are more interested in a brand after seeing its ads on Instagram.

(After being hit with ads like this one for Candlelight Concerts for months, I finally caved in February and it was amazing.)

But it shines with generating ROI from organic content as well.

90% of users follow at least one business on Instagram. And with high-engagement features like Stories, Reels, carousels, and Live streaming, there’s no shortage of opportunities to get creative.

Instagram is also the social platform with the second-highest ROI when working with influencers/creators (20%), missing the top spot by just 1%.

How to Get the Most ROI Out of Instagram

Team up with creators or influencers.

Instagram missed our spot for the channel with the highest ROI when working with influencers by just one percent, so they certainly deserve some attention in your social media strategy.

Whether you’re collaborating on content, conducting an interview, or simply sponsoring a post, take some time to explore your options.

Read more in our article, “Influencer Marketing Strategy: How to Build a Plan Creators & Customers Will Love [+ Templates]”

Post Stories with stickers.

We already know Instagram Stories grab eyes with their prime real estate at the top of the app’s home screen, but the benefits don’t stop there.

Stickers can help make content more dynamic and interactive by soliciting options and clicks. You can use Stickers to create polls, ask and answer questions, or link viewers to your website.

Dig deeper into how to boost your performance on Instagram with our Ultimate Guide to Instagram Marketing.

4. TikTok

I can’t lie to you: TikTok is still a bit of an enigma to me.

Not much is understood about how to please the algorithm, and the types of content that do well are all over the spectrum — from ASMR to talking-head storytelling.

I have a younger cousin who gained over 20k followers from one video, and she still can't tell you how or why it happened.

Despite all the mystery, TikTok is still the social media platform with the fourth-highest ROI, according to our research.

As of 2024, TikTok has over 1.5 billion monthly active users and is predicted to hit 2.2 billion by 2027. And these users aren’t passive about their engagement.

They spend an estimated 4.43 billion minutes watching videos each day and 30% of daily users have used TikTok Shop.

This growth and passionate engagement has 56% of marketers planning to increase their investment in TikTok next year, the highest of any platform.

Users are not just members of Gen Z either, though they certainly lead the pack. According to Statista, millennials (46%), Gen X (32%), and baby boomers (14%) report using the app as well, though in smaller numbers.

How to Get the Most ROI Out of TikTok

Follow and engage with trends.

Trends are born and they die on social media, and this is especially true on TikTok. One of the easiest ways to start making traction on the platform is by hopping on trending sounds and video styles.

This way, you make yourself relevant to conversations that are already happening rather than trying to steal attention from them.

Dunkin is strong in this area, as seen in this video using the viral “Very Demure” audio from creator Jools Lebron:

And if you click on the audio link, you can see they’re not the only ones.

Try TikTok Ads.

Getting organic traction on TikTok can be difficult, but to speed up the process you can try TikTok Ads. We have an article to get you started.

Pro tip: If you’re a HubSpot user, you can also explore using the TikTok Ads integration with HubSpot. It can be used to:

• Capture TikTok leads in the HubSpot CRM in real time.
• Connect TikTok to HubSpot in under 10 minutes without using code.
• Immediately reach out to new leads from TikTok when they’re most open to chatting.

Which strategies get the most social media advertising ROI?

Now, regardless of the platform, there are certain trends and truths you can follow to help get the most ROI out of your social media efforts.

Here are seven I recommend based on our data, my own personal experience, and insight from other industry experts.

1. Short-form Video

According to our survey, 67% of marketers plan to increase their investment in short-form video in the next year, while 31% will maintain their investment.

And why not? 71% of marketers using the medium already report it has high ROI, the highest ROI out of all content mediums.

We also know consumers love video in general, with Sprout Social finding it the most popular medium on social media. Yet, many marketers find it is underutilized, especially in social media advertising.

Adina Jipa, co-founder of Socialinsider, told us, "A recent study about Facebook video strategy shows that only roughly 15% of the content [on Facebook] is video, while photos represent 38.58%.

Facebook wants to become a video-first platform and favors pages with video content, but for most brands, it is [primarily] a photo-sharing platform."

Instagram was also public about pushing short-form video content to compete with YouTube and TikTok.

That said, to stand out and increase ROI, consider how you might incorporate video into your social media efforts.

Additionally, consider testing out different video formats across your channels. For instance, Facebook allows brands to create vertical video ads for mobile users, which is also needed for Instagram Story ads.

As Jipa says, "You can use vertical videos on ads to get more clicks. Almost 69% of marketers say video ads outperform image and plain text ads on Facebook, and 81% of Facebook users only access the platform via mobile devices.

“Looking at these behaviors, using vertical video allows you to get more visibility and increase the chances of getting more clicks."

2. Incorporating Humor

According to our study, humorous content results in the biggest ROI of any content type.

Using humor in marketing and advertising is nothing new. It’s been a strategic move for decades. I mean, I’m still laughing about this Orbit gum commercial 17 years later:

Humor grabs attention, is memorable, encourages sharing, and makes you likable overall. So, look for ways to incorporate it naturally into your social media content.

Oreo does a great job of incorporating humor and current events into its social media content.

3. Repurposing Content for Multiple Platforms

Should you be posting the exact same content and message across all your social media platforms? Of course not — they all have unique cultures and user behaviors, let alone technical specs.

But that doesn’t mean you can’t adapt and repurpose a single piece of content for different platforms.

“Far too often, content is created for one-and-done campaigns or promotions,” Casted's CEO and Co-founder Lindsay Tjepkema explains.

“This means marketers are working harder and harder to produce more and more constantly, yet ROI and ROE (return on effort) results are disappointing.”

She continues, "To change this, we must stop creating content for content's sake and focus instead on creating content that educates, entertains, and delights that can be broken down and amplified across all other channels not just once, but many times over.”

To repurpose your content across channels, perhaps you post snippets of a full YouTube video on Facebook, TikTok, or Instagram.

Alternatively, you could take select text from a blog post and repost it on your channels to add value to your existing content. This way you’re repurposing user-generated content across channels.

There are countless ways to refresh and re-use content to appeal to new audiences uniquely without exhausting your social team.

Pro tip: Use AI to expedite the process of repurposing. Ask ChatGPT to write tweets for you based on the copy from a blog. Or, if you use HubSpot, give Content Remix a try.

With Content Remix, Professional and Enterprise-level users of Content Hub can repurpose existing content into new formats.

This can include content hosted on HubSpot (i.e., images, social posts, text messages, ads, and blog posts) or new content you upload to the tool.

4. Aligning your Platform with Your Goal

It's difficult to achieve results on social without taking the time to set clear goals for your team. But not all social media channels are good for the same goals.

To see the best ROI from social media, make sure that you are choosing the platforms best suited to your needs.

For example, if you’re trying to boost website organic traffic, YouTube may be the way to go. YouTube is owned by Google, and its videos are shown in SERPs. The video platform is also conventionally held as “the world’s second-largest search engine.”

As Brandfolder's Senior Digital Marketing Manager Amanda Turcotte told us, "In order to achieve a return on your social media investment, you must have clear goals set before any tactical planning takes place.”

“Various social media tactics can be applied differently to each of the platforms, meaning they'll produce different outcomes. So your goals must be determined up front to ensure they align with your social strategy."

Pro tip: Use UTM tags for tracking

The only way to know if you’re truly hitting your goals is by being able to track and measure your activity. UTM tracking links are one of the easiest ways to do this.

As Matt Janaway, CEO of MarketingLabs, told us, "Tracking is now more important than ever thanks to the complications of iOS privacy improvements, so to really yield the best ROI, you have to make sure you are using UTM tags on all links.”

“This way, you can correctly track the performance of your campaigns in Analytics and get the data you need to make decisions that can drive more engagement and ROI."

If you’re a HubSpot user, you can create tracking URLs right within the platform.

5. Establishing Consistency

Once you‘ve determined your social goals, you’ll want to create a consistent brand and strategy so your audience knows what they can expect from you.

What time will you post? What type of content will you post? What will the posts look and sound like?

Establishing these guidelines will also help your team execute more cohesively and efficiently.

Turcotte told us, "To move your team from strategy to action and keep everyone on the same page, it's crucial to develop a regular posting plan that documents your approach across each channel, where all team members have access.”

Additionally, Agnieszka Jaśkiewicz, Head of Social Media & Community at LiveChat shared:

"Digital templates for creative assets — set to the specifications of the organization‘s core social media platforms — can also add agility to social media managers’ ability to publish, allowing teams to be more timely and quickly act on new opportunities."

Pro tip: To make posting consistently easier, try using a social posting tool like HubSpot's Social Inbox Tool or Later.

Jaśkiewicz agrees that creating a strategy and using tools to support your team's goals is critical for finding success on social channels.

As she put it, “The greatest area of 'untapped potential' for most brands comes in streamlining creative workflows."

"Digital workspaces [and tools] allow creatives and marketers to collaborate from a central location to stage, revise, and produce content, limiting back-and-forth communication and unnecessary steps in production.”

6. Social Commerce

Over the past few years, we've seen a rise in social commerce, or the ability to make a purchase without leaving a social platform.

You’ve likely seen this on Instagram and TikTok (see below). And as we discussed earlier, users are taking a liking to it.

Rachael Samuels, Senior Manager of Social Media at Sprout Social, told me she sees social commerce as a great opportunity to continue to increase ROI on social channels as it allows users to take action the second the urge to buy hits them.

She shared, “Social commerce not only provides more seamless buying experiences for customers but equips marketers with the ability to show direct attribution and ROI as a result of their efforts.”

Pro tip: Leverage Meta's Advantage+ Shopping Campaigns.

It‘s no secret that Meta’s suite of platforms — namely Instagram and Facebook — packs a huge ROI punch. Yomi Arokoyo, VP of Performance Solutions at Rakuten Advertising, attributes this to Meta's powerful algorithm.

He told us, "Each social platform has improved its algorithm over time to be more intuitive and automated, but none more than Meta. For example, with Meta's Advantage+ Shopping Campaigns, brands can find new customers in places they never even thought to look."

Launched globally in 2022, Advantage+ Shopping Campaigns largely rely on AI and automation to find the right audience for your ads (as opposed to manual targeting). On top of that, it even adjusts ad formats to understand which format performs best.

To take advantage of this new tech, Arokoyo recommends employing as much creative differentiation as possible. For instance, add old creative or cut up longer videos into smaller, more digestible clips. This gives the algorithm more data to determine which campaigns are effective.

7. Encouraging Your Employees to Become Brand Ambassadors

One area of major underutilized social media potential? Your employees.

Many users ago, one of my responsibilities at a former employer was running the employee advocacy program. In other words, I created and distributed copy and materials to make it easier for everyone on our team to promote the company’s content and initiatives on their own social media.

It eventually ended because individual platforms began cracking down on third-party publishing. But for many years, it dramatically helped boost our reach, traffic, and engagement.

As Casted‘s Tjepkema explains it, "As consumers, we’re far more driven to engage with user-generated content, yet so many brands spend too much time and money trying only to push content from their own brand."

“Rally your employees around the content you're creating and encourage them to share it with captions that show their unique and personal perspectives. This is a great way to help each member of your team build their personal brand while also amplifying your content to audiences in a more authentic way.”

LiveChat's Jaśkiewicz agrees with this notion, saying, "[You should] give employee advocacy a

bigger seat at the table in your social media strategy, especially when it comes to LinkedIn.”

“It takes some time and effort to provide people with the knowledge and imply the ‘brand ambassadors’ mindset in the organization — however, employee engagement is a cost-effective way to increase your reach organically."

This is something HubSpot does frequently with the roll out of big announcements such as our 2024 Spotlight.

Our product team had a comprehensive content plan leading up to the big day, including videos and emails. It also created a comprehensive social media kit to help others at HubSpot spread the word.

We also frequently host HubSpot Employee Takeovers and highlight “Days in #HubSpotLife” from employees on the HubSpot Life Instagram account.

These campaigns help show audiences the faces behind the brand and create a sense of community and authenticity that you wouldn't find with branded content alone.

To Many Happy Returns… On Investment

Our survey found that most marketers believe proving ROI will be the second-biggest change they’ll face in social media marketing in the coming year.

Social can clearly have a societal and cultural impact, but that also takes time and attention. So, of course, you need to be able to prove it’s worth it.

Increasing your social media ROI won’t happen overnight. But by experimenting with your platforms and the strategies and tactics we shared, you can start moving towards the right formula for your brand.

Athletic fonts are all about power, speed, and performance. With strong lines, sharp angles, and bold weights, these fonts are designed to stand out and make an impact.

They’re perfect for capturing the adrenaline of competition and the intensity of physical activity, making them ideal for sports-related logos, apparel, and marketing campaigns. These fonts convey strength and action, helping your designs come to life with a sense of urgency and vitality.

In this post, we’ve curated a selection of the best athletic fonts that will bring high-energy style to any design. From sleek, modern sans-serifs to rugged, vintage-inspired typefaces, you’ll find a range of options that work perfectly for everything from team jerseys to fitness magazine covers.

Borex – Athletic Font

Ideal for sports-themed projects, the dynamic and bold Borex athletic font is customizable with four unique styles including regular, slant, and taper. It adds exceptionally creative touches with alternate characters and unique ligatures, ensuring your designs stand out. The font package includes OTF, TTF, WOFF and more.

Tekrot – Athletic Energetic Font

Tekrot is an athletic and robust font inspired by current design trends, infusing each sturdy letter with a soul that can elevate your brand. Ideal for sports-related designs or projects requiring strength, this font comes with various files (OTF, TTF, WOFF, WOFF2), alternates, ligatures, and multilingual support.

Defen Sport – Athletic Block Font

Defen Sport is an athletic block font designed to enhance sports designs with its bold, dynamic characters. Perfect for creating team logos, posters, or athletic apparel, it injects a burst of energy into your designs and commands attention. With its versatility, Defen Sport is suitable for any sports-related projects, promising consistency and impact across all platforms.

Brockies – Sport Display Font

Brockies is a uniquely crafted sports display font distinguished by its athletic style. This creative asset, provided by a third party, has a dynamic and energetic flair that’s ideal for sports-oriented projects or any design requiring a sense of motion or strength. Engaging and versatile, Brockies would make an impactful addition to your font library.

Champione – Modern Athletic Sport Font

The Champione font is a versatile, futuristic typeface that boasts unique and stylish characters. Perfect for sports events branding, jerseys, logos, and even wedding designs or social media posts, its bold, sans-serif style ensures high legibility. Packaged in a variety of formats (OTF, TTF, WOFF, and WOFF2), this font is a must-have for all designers.

MREYBOLL – Athletic Font

MREYBOLL is an exciting athletic font perfect for sports design and more. This unique typeface comes in various styles with contemporary corner cutouts for added dynamism. Its superiority among sports fonts and manly, crisp feel offers a strong impact. The package includes OTF, TTF, WOFF, WOFF2 files, alternate, ligature, and all glyphs.

BAMEN – Bold Athletic Font

The BAMEN is a dynamic, modern addition to any sports-oriented design. Offering boldness reminiscent of a fast-paced sporting environment, this font’s wide strokes and cool cuts add speed and power to your titles. The BAMEN typeface is perfect for vehicle commercials, headlines, and other athletic imagery, infusing each design with strength, speed, and a distinct beauty.

Runner – Athletic Sport Font

Check out Runner, a vibrant, athletic sports font ideal for vivifying your sports titles, racing, cycling, game logos, and other dynamic texts. The wide, italicized font style with modern cutouts and a dynamic slant gives an impactful depiction of speed and power. It’s not only bold and dynamic but also legible and versatile in terms of size, making it truly unique.

Boldye – Sports Athletic Font

Boldye is a sports athletic font reminiscent of the Reebok logo’s style. Characterized by strong curves and sharp edges, it’s ideal for sports-themed branding, logos, and posters. With the Open Type feature, you can explore a range of unique alternative letters and ligatures. Boldye also offers seamless integration with a variety of design tools.

Sutixo – Athletic Font

Sutixo is an athletic font crafted for speed lovers and firmly grounded in a sports racing theme. This unique font offers four different styles, handy alternate characters, and ligatures to enhance your designs. Be it sprucing up graphics for a motorsport event or injecting excitement into your brand, Sutixo is your go-to font.

Sport Maniac – Sport & Athletic Font

The Sport Maniac font is a distinctive athletic typeface ready for diverse creative uses such as logos, album covers, movie titles, posters and labels. It comes with OTF, TTF and WOFF files, readily available for your design projects. Its unique style captures the spirit of sports, making it the perfect choice for all your athletic-themed designs.

Yankees Classic – Athletic Script Font

Check out the Yankees Classic, an athletic font with a vintage feel. It features both uppercase and lowercase letters, numerals, extensive punctuation, alternate characters, stylistic sets, extruded font, and ligatures. This font is easy-to-use, accommodating a variety of designs, and comes in OTF and TTF formats.

KUNEX – Athletic Block Font

The athletic display font, KUNEX, is perfect for creating a masculine aesthetic with a sense of strength and speed. Crafted specifically for outdoor sports and other contemporary occasions, this modern slab-shaped font has a unique vitality, creating bold impressions while maintaining a natural feel. The comprehensive package includes OTF, TTF, WOFF files, and more, complete with alternate, ligature, and multilingual support.

Gridiron Glory – Sport Athletic Font

Gridiron Glory is an elegant athletic font designed as a nod to sports. Its bold and dynamic design mimics the energy of the sports world, embodying an air of power and competitiveness. Perfect for use in team logos, jerseys, or sports event promotions, this font carries an element of excitement and anticipation within its sharp, gridiron-inspired lines.

Rockas – Modern Sport Display Font

Rockas is an exciting modern sports display font that features wide italic fonts, contemporary cutouts, and a dynamic slant. It’s perfect for sprucing up sports titles, football match posters, gaming logos, or any text that requires a powerful, modern aesthetic. With optimal legibility and sizing, Rockas is a great resource for your next project.

Croser – Athletic Energetic Font

Check out Croser, a dynamic athletic font designed to embody both speed and power. With its wide italic letters, modern cutouts, and slanted lines, it’s perfect for eye-catching sports titles, automobile game logos, or any text that needs a touch of energy. Known for its legibility and scale, Croser is not just your average fast font, it brings uniqueness in its design.

Runking – Modern Sport Font

Runking offers a bold, genuine display font perfect for various branding projects, from logos to product design. It impressively stands out in numerous contexts. Available in both uppercase and lowercase versions, variants include .otf and .ttf, supports multiple languages, and comes in regular and semi-bold weights.

Sport Solid – Athletic Block Font

Sport Solid is a bold and unique font that brings an athletic vibe to any branding project. Ideal for sports-centric creations like logos, t-shirts, and esports visuals, this display font can make a striking impact in diverse contexts. Provided in both OTF and TTF formats, it features substantial, impactful uppercase characters.

RAVERIST – Stylish Athletic Font

RAVERIST is a modern sports display font featuring a natural, textured style. Available in OTF and TTF formats and as a web font, this stylish athletic font exhibits distinctive clarity and dramatic flair. Ideal for enhancing logos, quotes, invitations, product packaging, and headers, it impeccably complements creative tasks that require a handwriting touch.

Fastrun – Sport Athletic Font

Fastrun is a dynamic, bold font designed to give your sports-related projects a strong character. Available in regular, italic, and outline styles, it includes uppercase and lowercase letters, numbers, punctuation, and multilingual support. This versatile font, provided in OTF, TTF, and WOFF formats, even features options for alternate characters and ligatures.

SPORT NEWS – Athletic Font

SPORT NEWS is a dynamic and bold typeface that instantly captures attention. This font, with its modern letter cutout and italicized wide letters, exhibits a sense of power and speed, making it perfect for sports headlines, automotive game logos, and high-energy magazine monograms. It is extremely readable and offers both uppercase, lowercase, punctuation and numbers, along with multilingual support.

Sport Play – Athletic Block Font

Check out the Sport Play font, a cool new typeface with a bold and authentic look. It’s perfect for any branding project, whether it’s for logo design, t-shirt printing, or esports. The font shines in numerous contexts and comes in OTF, TTF, WOFF, uppercase, alternative, and ligature options. With its modern feel, this font will excite and inspire your creativity.

Goball – Athletic Script Font

Goball athletic font, inspired by the dynamism of baseball, is perfect for all your sports-themed design needs. Boasting a unique, modern touch, it adds a sporty feel to print, merchandise, and more. The package includes Goball Font in various formats, all characters from A-Z, numbers, punctuation, and more.

Free Athletic Fonts

Hyper Oxide – Free Athletic Font

This is a stylish font featuring a set of modern letters. It has the ideal look for crafting energetic titles and headings for athletic designs. The font includes stencil-style bold characters and it’s free to use with personal projects.

Stander – Free Athletic Font

Stander is another free font you can use to craft attractive titles for athletic-themed projects. The font includes a stylishly futuristic letter design that’s perfect for sports brands, teams, and even merchandise design.

Travax – Free Athletic Font

This font comes with a unique and futuristic letter design that adds a very energetic and sporty look to typography. The font is free to download and you can use it to craft bold titles for your personal projects.

Aguante – Free Athletic Font

Aguante is another creative font you can use to design modern titles and headings for your projects. This font also has an athletic vibe along with bold characters. It’s free to use with commercial projects.

Promesh – Free Athletic Font

This font will allow you to design attractive typography for your sports and fitness designs. It includes tall and narrow letterforms with an athletic look and feel. The font is free to use with personal and commercial projects.

The healthcare industry is undergoing a profound transformation, driven by rapid advancements in technology. These innovations are reshaping how patient care is delivered, making it more personalized, efficient, and accessible. From artificial intelligence and telemedicine to wearable health devices and advanced data analytics, technology is revolutionizing every aspect of healthcare. Here’s an exploration of how …

Continue reading "Healthcare Transformed The Role of Technology in Revolutionizing Patient Care"

The post Healthcare Transformed The Role of Technology in Revolutionizing Patient Care first appeared on Lucid Softech.

Okay, so I'm in need of some career advice, because honestly I'm at a point where I don't really know how to proceed in the future.

The AI wave has introduced a myriad of exciting applications. While text generation and natural language processing are leading the AI revolution, image, and vision-based technologies are quickly catching up. The intersection of text and vision applications has seen a rapid surge recently.

In this article, you'll learn how to generate videos using text and image inputs. We'll leverage open-source models from Hugging Face to bring these applications to life. So, without further ado, let's dive in!

We will use the Hugging Face diffusion models to generate videos from text and images. The following script installs the libraries you will need to import these models from Hugging Face.

!pip install --upgrade transformers accelerate diffusers imageio-ffmpeg

For text-to-video generation, we will use the CogVideoX-2b diffusion model. For image-to-video generation, we will use the Stability AI's img2vid model.

The following script imports the Hugging Face pipelines for the two models. We also import some utility classes to save videos and display images.

import torch
from diffusers import CogVideoXPipeline
from diffusers.utils import export_to_video

from diffusers import StableVideoDiffusionPipeline
from diffusers.utils import load_image

The first step is to create a Hugging Face pipeline that can access the CogVideoX-2b model. You can also use the CogVideoX-5b model, but it requires more space and memory.

The following script creates the pipeline for the CogVideoX-2b model. We also call some utility methods such as enable_model_cpu_offload(), enable_sequential_cpu_offload(), enable_slicing(), and enable_tiling() to improve the model performance.

text_video_pipe = CogVideoXPipeline.from_pretrained(
    "THUDM/CogVideoX-2b",
    torch_dtype=torch.float16
)

text_video_pipe.enable_model_cpu_offload()
text_video_pipe.enable_sequential_cpu_offload()
text_video_pipe.vae.enable_slicing()
text_video_pipe.vae.enable_tiling()

Next, we define our text prompt and pass the prompt and other video configurations to the text_video_pipe pipeline that we created in the previous script. You can play around with the configuration settings to see how they affect the output.

The pipeline returns video frames you can export to video using the export_to_video() utility, as the following script shows.

prompt = "A white dog running on a Caribbean beach."

video = text_video_pipe(
    prompt=prompt,
    num_videos_per_prompt=1,
    num_inference_steps=50,
    num_frames=49,
    guidance_scale=6,
    generator=torch.Generator(device="cuda").manual_seed(42),
).frames[0]

export_to_video(video, "text_to_video.mp4", fps=8)

Output:

Note: I intentionally reduced the output video dimensions.

The above output shows the video generated based on our input prompt. Amazing, isn't it?

But the magic doesn't end here. You can also pass an image as input to a diffusion model and get an animated video in response. This is what you will see in the next section.

We will use Stability AI's img2vid model for image-to-video generation.

The script below imports the corresponding pipeline from the Hugging Face library.

image_video_pipe = StableVideoDiffusionPipeline.from_pretrained(
    "stabilityai/stable-video-diffusion-img2vid",
    torch_dtype=torch.float16,
    variant="fp16"
)
image_video_pipe.enable_model_cpu_offload()

We will generate a video using the following image as input. You can use any other image if you want.

## Image link: https://www.brookhavenanimalhosp.com/site/blog/2022/11/15/15-cute-dog-breeds-that-stay-small-forever
image = load_image("/content/image-73073-800.jpg")
image = image.resize((1024, 576))
image

Output:

To generate video from the image, you must pass the image object and the number of total frames to generate to the image_video_pipe pipeline you created in the previous script.

frames = image_video_pipe(image, num_frames=28).frames[0]
export_to_video(frames, "image_to_video.mp4", fps=7)

Output:

Video generation from text and image inputs is a fascinating application. In this article, you saw how to generate videos from text using open-source diffusion models from Hugging Face. I encourage you to play around with these models to generate your own stunning videos using text prompts and image inputs.

Welcome to Press This, a podcast that delivers valuable insights and actionable tips for navigating the ever-evolving world of WordPress.  In this episode, host Brian Gardner and Ryan Bracey, director of web UX at Second Melody, explore accessibility in web design, breaking down what it is and debunking common myths about it. Powered by RedCircle…

The post Press This: Accessibility, Inclusive Design, and Debunking Myths appeared first on WP Engine.

The text-box-trim and text-box-edge properties in CSS enable developers to trim specifiable amounts of the whitespace that appear above the first formatted line of text and below the last formatted line of text in a text box, making the text box vertically larger than the content within.

This whitespace is called leading, and it appears above and below (so it’s two half-leadings, actually) all lines of text to make the text more readable. However, we only want it to appear in between lines of text, right? We don’t want it to appear along the over or under edges of our text boxes, because then it interferes with our margins, paddings, gaps, and other spacings.

As an example, if we implement a 50px margin but then the leading adds another 37px, we’d end up with a grand total of 87px of space. Then we’d need to adjust the margin to 13px in order to make the space 50px in practice.

As a design systems person, I try to maintain as much consistency as possible and use very little markup whenever possible, which enables me to use the adjacent-sibling combinator (+) to create blanket rules like this:

/* Whenever <element> is followed by <h1> */
<element> + h1 {
  margin-bottom: 13px; /* instead of margin-bottom: 50px; */
}

This approach is still a headache since you still have to do the math (albeit less of it). But with the text-box-trim and text-box-edge properties, 50px as defined by CSS will mean 50px visually:

Disclaimer: text-box-trim and text-box-edge are only accessible via a feature flag in Chrome 128+ and Safari 16.4+, as well as Safari Technology Preview without a feature flag. See Caniuse for the latest browser support.

Start with text-box-trim

text-box-trim is the CSS property that basically activates text box trimming. It doesn’t really have a use beyond that, but it does provide us with the option to trim from just the start, just the end, both the start and end, or none:

text-box-trim: trim-start;
text-box-trim: trim-end;
text-box-trim: trim-both;
text-box-trim: none;

Note: In older web browsers, you might need to use the older start/end/both values in place of the newer trim-start/trim-end/trim-both values, respectively. In even older web browsers, you might need to use top/bottom/both. There’s no reference for this, unfortunately, so you’ll just have to see what works.

Now, where do you want to trim from?

You’re probably wondering what I mean by that. Well, consider that a typographic letter has multiple peaks.

There’s the x-height, which marks the top of the letter “x” and other lowercase characters (not including ascenders or overshoots), the cap height, which marks the top of uppercase characters (again, not including ascenders or overshoots), and the alphabetic baseline, which marks the bottom of most letters (not including descenders or overshoots). Then of course there’s the ascender height and descender height too.

You can trim the whitespace between the x-height, cap height, or ascender height and the “over” edge of the text box (this is where overlines begin), and also the white space between the alphabetic baseline or descender height and the “under” edge (where underlines begin if text-underline-position is set to under).

Don’t trim anything

text-box-edge: leading means to include all of the leading; simply don’t trim anything. This has the same effect as text-box-trim: none or forgoing text-box-trim and text-box-edge entirely. You could also restrict under-edge trimming with text-box-trim: trim-start or over edge trimming with text-box-trim: trim-end. Yep, there are quite a few ways to not even do this thing at all!

Newer web browsers have deviated from the CSSWG specification working drafts by removing the leading value and replacing it with auto, despite the “Do not ship (yet)” warning (*shrug*).

Naturally, text-box-edge accepts two values (an instruction regarding the over edge, then an instruction regarding the under edge). However, auto must be used solo.

text-box-edge: auto; /* Works */
text-box-edge: ex auto; /* Doesn't work */
text-box-edge: auto alphabetic; /* Doesn't work */

I could explain all the scenarios in which auto would work, but none of them are useful. I think all we want from auto is to be able to set the over or under edge to auto and the other edge to something else, but this is the only thing that it doesn’t do. This is a problem, but we’ll dive into that shortly. 

Trim above the ascenders and/or below the descenders

The text value will trim above the ascenders if used as the first value and below the descenders if used as the second value and is also the default value if you fail to declare the second value. (I think you’d want it to be auto, but it won’t be.)

text-box-edge: ex text; /* Valid */
text-box-edge: ex; /* Computed as `text-box-edge: ex text;` */
text-box-edge: text alphabetic; /* Valid */
text-box-edge: text text; /* Valid */
text-box-edge: text; /* Computed as `text-box-edge: text text;` */

It’s worth noting that ascender and descender height metrics come from the fonts themselves (or not!), so text can be quite finicky. For example, with the Arial font, the ascender height includes diacritics and the descender height includes descenders, whereas with the Fraunces font, the descender height includes diacritics and I don’t know what the ascender height includes. For this reason, there’s talk about renaming text to from-font.

Trim above the cap height only

To trim above the cap height:

text-box-edge: cap; /* Computed as text-box-edge: cap text; */

Remember, undeclared values default to text, not auto (as demonstrated above). Therefore, to opt out of trimming the under edge, you’d need to use trim-start instead of trim-both:

text-box-trim: trim-start; /* Not text-box-trim: trim-both; */
text-box-edge: cap; /* Not computed as text-box-edge: cap text; */

Trim above the cap height and below the alphabetic baseline

To trim above the cap height and below the alphabetic baseline:

text-box-trim: trim-both;
text-box-edge: cap alphabetic;

By the way, the “Cap height to baseline” option of Figma’s “Vertical trim” setting does exactly this. However, its Dev Mode produces CSS code with outdated property names (leading-trim and text-edge) and outdated values (top and bottom).

Trim above the x-height only

To trim above the x-height only:

text-box-trim: trim-start;
text-box-edge: ex;

Trim above the x-height and below the alphabetic baseline

To trim above the x-height and below the alphabetic baseline:

text-box-trim: trim-both;
text-box-edge: ex alphabetic;

Trim below the alphabetic baseline only

To trim below the alphabetic baseline only, the following won’t work (things were going so well for a moment, weren’t they?):

text-box-trim: trim-end;
text-box-edge: alphabetic;

This is because the first value is always the mandatory over-edge value whereas the second value is an optional under-edge value. This means that alphabetic isn’t a valid over-edge value, even though the inclusion of trim-end suggests that we won’t be providing one. Complaints about verbosity aside, the correct syntax would have you declare any over-edge value even though you’d effectively cancel it out with trim-end:

text-box-trim: trim-end;
text-box-edge: [any over edge value] alphabetic;

What about ideographic glyphs?

It’s difficult to know how web browsers will trim ideographic glyphs until they do, but you can read all about it in the spec. In theory, you’d want to use the ideographic-ink value for trimming and the ideographic value for no trimming, both of which aren’t unsupported yet:

text-box-edge: ideographic; /* No trim */
text-box-edge: ideographic-ink; /* Trim */
text-box-edge: ideographic-ink ideographic; /* Top trim */
text-box-edge: ideographic ideographic-ink; /* Bottom trim */

text-box, the shorthand property

If you’re not keen on the verbosity of text box trimming, there’s a shorthand text-box property that makes it somewhat inconsequential. All the same rules apply.

/* Syntax */
text-box: [text-box-trim] [text-box-edge (over)] [text-box-edge (under)]?

/* Example */
text-box: trim-both cap alphabetic;

Final thoughts

At first glance, text-box-trim and text-box-edge might not seem all that interesting, but they do make spacing elements a heck of a lot simpler.

Is the current proposal the best way to handle text box trimming though? Personally, I don’t think so. I think text-box-trim-start and text-box-trim-end would make a lot more sense, with text-box-trim being used as the shorthand property and text-box-edge not being used at all, but I’d settle for some simplification and/or consistent practices. What do you think?

There are some other concerns too. For example, should there be an option to include underlines, overlines, hanging punctuation marks, or diacritics? I’m going to say yes, especially if you’re using text-underline-position: under or a particularly thick text-decoration-thickness, as they can make the spacing between elements appear smaller.

---

Two CSS Properties for Trimming Text Box Whitespace originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Credit card designs are now much more creative than they used to be. Thanks to talented designers, every bank now has its own unique credit and debit card designs with colorful and wild designs.

If you’re a designer working on a brand new credit card design, you will also need the perfect mockup to showcase your designs to your clients and on your portfolio. We handpicked this collection of credit card templates just for that purpose.

In this post, you’ll find some beautiful credit card mockups that highlight your designs in a professional way. These mockups are also ideal for showcasing other types of card designs, including membership cards for various businesses.

Check out the credit card mockup templates below and be sure to download them all. There are a few free templates in there too.

Modern Credit Card Mockup Template

A simple and minimal mockup is the best way to show off professionalism through your design presentations. This mockup is perfect for achieving that goal. The template features a simple tilted credit card with lighting effects and editable background. It has smart objects for changing the card design as well.

Hand Holding Credit Card Mockup

Adding a bit of human touch can greatly improve your credit card presentation. With this mockup, you can show off your card design being held by a hand. It not only makes your credit card look more realistic but also offers a clear look at the design. There are 4 different mockups included in this pack.

4 Minimal Credit Card Mockup Templates

If you want to make your credit card appear in a more realistic and creative environment, this mockup is perfect for you. It comes with a modern background design and with 4 different mockup scenes. You can also customize the background and effects to your preference.

Credit Card Mosaic Mockup Template

This mockup template allows you to showcase multiple credit card designs at the same time. It’s perfect for showing off your skills in a portfolio. Or you can use it to make a nice single credit card design presentation as well. The template features well-organized layers and smart objects for easy editing.

Credit Card with Hand Mockup Template

A very useful credit card mockup that can be used for various purposes. The realistic way the hand is holding the credit card gives it a very professional look. You can use it to create advertisements, promote membership cards, social media campaigns, and more. It comes in a fully editable PSD file.

Free Credit Card PSD Mockup

This beautiful credit card template is free to download and use. It comes as a fully customizable PSD file with smart object layers. The template is perfect for showcasing your designs on a portfolio.

Free Credit Card Mockup Template

With this mockup template, you can show off your credit card being held by a human hand. This template is also free to use. And it features editable backgrounds and smart objects.

Credit And Debit Card Mockup

This credit card mockup features a simple layout and allows you to show two card designs at the same time. The template comes in high-resolution PSD format with organized layers. It has an adjustable shadow effect too.

Smartphone with Credit Cards Mockup

This mockup is ideal for showcasing privacy and security alongside your credit card designs. It features a phone and a lock with a credit card mockup. The template is easily customizable and has editable colors.

Credit Cards Scene Mockups

This is a collection of credit card mockups that includes multiple scenes featuring the credit cards. They all have fully customizable layouts with changeable backgrounds and smart object layers.

Dark Debit, Credit, and Membership Card Mockups

This credit card mockup kit includes 5 different mockup scenes for you to choose from. They are ideal for showcasing and presenting your designs to clients in a stylish and professional way.

Free Plastic Credit Card Mockup

This is a free credit card mockup template you can use to show off both sides of your credit card designs. You can also change its background to your preference.

Credit Card with Security Concept Mockup

If you’re working on an app or service related to payment security, this mockup template will definitely come in handy. It will allow you to create a cool scene depicting security and safety with custom credit card designs.

Modern Credit Card & Membership Card Mockup

Use this mockup to show off your credit card designs in style. It includes mockups for showing the front and back sides of the credit card as well. The template is available in a high-resolution, fully layered, PSD file.

Smartphone with Bank Card Mockup

This mockup template features two credit card mockups alongside a smartphone. You can easily customize this mockup to create an amazing scene showcasing your credit card designs. The design of the smartphone is also customizable.

Plastic Discount & Membership Card Mockups

There are 5 unique credit card-style mockups in this bundle. They can be used to showcase many different types of membership cards, discount cards, and more. Each mockup has a different scene with editable shadows and backgrounds.

Free Creative Credit Card Mockup

This mockup is also free to download and use. It has changeable backgrounds with a plastic card mockup that shows your designs in a slightly angled view.

Realistic Credit Card Mockup Template

This mockup template comes with a realistic look and feel that will help make your designs appear more natural and professional. The template features 3 credit cards overlapping one another. You can edit each card mockup using smart objects to place your own designs. It’s ideal for showcasing different variants of a credit card.

Stylish Credit Card Mockup Template

Another elegant and stylish credit card mockup for showcasing your modern card designs. This mockup comes with a stacked card set that you can also customize using smart object layers. The background can be changed to your preference. And it comes as a PSD file with organized layers.

Creative Credit Cards Mockup Set

This mockup is most suitable for showcasing your credit card designs on websites and social media. It includes a fully customizable mockup design where you can even change the color of the card and change the background. You can also place your own design in the mockups using smart objects.

Smartphone Screen & Credit Card Mockup

A useful credit card mockup for banks, small businesses, and eCommerce platforms. With this mockup, you can promote your mobile apps and the payment options available on your app at the same time. The mockup comes in two different styles and they are both easily customizable.

Balanced Credit Card Mockup Templates

Want to show how to balance expenses with your bank’s credit card? Then this mockup will help you spread your message more effectively. This is a collection of creative credit card mockups that shows a credit card being balanced on various objects. There are 5 different mockup designs in this bundle that come in PSD format.

Free Credit Card Mockup with Hand

You can download and use this template free of charge. It comes with a realistic design featuring a human hand holding a credit card. You can easily change the background and replace the card design as well.

Free Modern Credit Card Mockup

This is a computer-generated card mockup that is ideal for showcasing your credit card in a technology-themed environment. The mockup is available in 5 different scenes and in 4K resolution. All free to download.

5 Simple Bank Card Mockup Templates

A collection of minimal and simple credit card mockups. You can use these mockups to showcase any type of credit or debit card design in a very creative way. There are mockups with multiple views and angles to choose from. And they are all easily customizable as well.

Plastic Credit Card Mockup Templates

This bundle also comes with several different styles of credit card mockups. There are 9 unique mockups included in this pack that is designed for showcasing all kinds of credit cards. Each mockup comes with editable effects, smart objects, changeable backgrounds, and much more.

Credit Card with Wallet Mockup Template

With this mockup template, you can showcase your credit card alongside a wallet. The hand removing the credit card from the wallet makes this mockup look more realistic and appropriate for various business promotions as well. You can also easily place your design in the mockup using smart objects.

Credit Card and iPhone Mockup Template

This mockup template allows you to show off your card design next to an iPhone. It’s actually ideal for showcasing credit cards as well as membership cards. The iPhone device also works as a mockup so you can place your own designs in the device as well. Both mockups can be customized using Photoshop.

Luxury Credit Card Mockup Template

If you’re working on a high-tier credit card design, this mockup will help create the appropriate atmosphere for your card. It features a high-end luxury background that gives it a classy look. You can also customize the background color and easily replace the design using smart objects.

Free Realistic Credit Card Mockup

Believe it or not, this high-quality credit card mockup is actually free to download. It features a realistic and professional design that will surely make your credit card presentation more effective.

Free Debit Card Mockup Sketch Template

The dark and stylish look of this mockup gives it a certain elegant feel. It’s perfect for showing off your credit and debit card designs in websites and portfolios. The template comes in Sketch format and it’s free to download.

Professional Credit & Membership Card Mockups

The effects used in this mockup design give it a very realistic-looking plastic look and feel. This makes it perfect for presenting your credit card design in a way that will win over your clients. There are 6 different mockup templates in this pack with fully customizable backgrounds and colors.

Front & Back Credit Card Mockup

This mockup template comes with a design that allows you to showcase the front and back sides of your credit card design at the same time. It features smart objects, editable floor and wall colors, as well as organized layers.

Debit Card Mockup Templates

You can use this simple and minimal mockup template to showcase your credit, debit, and membership cards in style. It’s great for presenting designs to clients as well as showcasing them in portfolios. The mockup comes in 4 different styles as well.

Multipurpose Credit Card Mockups

This mockup template allows you to show off multiple credit card designs at once. It also includes mockups for showcasing both the front and back sides of your designs. There are 3 unique PSD mockup templates in this pack.

Be sure to check out our best business card mockup templates collection as well.