Popular Design News of the Week: June 24, 2019 – June 30, 2019

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. 

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news.

HTML is the Web

 

Darkmode.js

 

11 Form Design Guidelines

 

CSS Shorthand Vs. Longhand – Which to Use

 

Is this Tokyo 2020 Logo Better than the Official Design?

 

Shape

 

Free Bootstrap HTML5 Templates

 

This is How Google will Collapse

 

Firefox Rebrand

 

Facebook’s Logo Drama is a Problem and for More Reasons than You Think

 

7 Absolute Truths I Unlearned as Junior Developer

 

Google’s New ReCAPTCHA has a Dark Side

 

Google Warns its Employees that Pride Protests are Against the Company’s CoC

 

Pizza Hut Resurrects its Classic Logo Because It’s Awesome

 

10 Habits that Lead to Great Results for Every Designer

 

A Learning Secret: Don’t Take Notes with a Laptop

 

There’s $70,000 Worth of Bitcoin Hidden Inside this Image

 

How UX Writing Can Make You a Better Designer

 

Design your Mobile Emails to Increase On-Site Conversion

 

Learning Synths

 

Gradient Generator – The Tool Generates a Stepped Gradient Between 2 Colors

 

Microsoft Bans Slack and Discourages AWS and Google Docs Use Internally

 

Great Products do Fewer Things, but Better

 

Google’s Six Rules for Great Data Design

 

History will not Be Kind to Jony Ive

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2019/06/popular-design-news-of-the-week-june-24-2019-june-30-2019/

Popular Design News of the Week: June 24, 2019 – June 30, 2019 See more on: The Instant Web Site Tools Blog

source https://www.instant-web-site-tools.com/2019/06/30/popular-design-news-of-the-week-june-24-2019-june-30-2019/

The (Developer’s) Growth Model

Weekly Platform News: Event Timing, Google Earth for Web, undead session cookies

Nownownow

Matthias Ott, relaying an idea he heard from Derek Sivers:

Many personal websites, including this one here, have an “about” page. It’s a page that tells you something about the background of a person or about the services provided. But what this page often doesn’t answer – and neither do Twitter or Facebook pages – is what this person really is up to at the moment. A page that answers questions like: What are you focused on at this point in your life? What have you just started working on that excites you like nothing else? Did you just move to a new town? Did you start a new career as a Jengascript wrangler? To answer all those questions, Derek suggests to create a “now page”. A page that tells visitors of your site “what you’d tell a friend you hadn’t seen in a year.”

Very cool idea! Derek has a directory page of people who have done this.

I have more scattered thoughts:

• It's funny how social media sites aren't very helpful with this. You'd think looking at someone's social media profile would be the quickest and easiest way to catch up with what they are doing right now, but it just ain't. That's true for me, too. Random statements of what you're working on don't make very good social media posts. Maybe a pinned tweet could be like a "now" page, though.
• I wonder if more homepages on people's personal sites should be this. As I browse around some of the sites, I like a lot of the "now" pages more than I like the homepage.
• I went with a "what I want you to do" section on my personal site. It's a different vibe, but it almost doubles as a "now" page, as the things I want you to do are fairly related to the things I'm doing. Maybe the idea of a do page has some legs.

Direct Link to Article — Permalink

The post Nownownow appeared first on CSS-Tricks.

from CSS-Tricks https://matthiasott.com/notes/nownownow

The following article Nownownow is available on www.instant-web-site-tools

source https://www.instant-web-site-tools.com/2019/06/28/nownownow/

Looking For A Deleted Phone On Your iPhone? Try These Apps.

You didn’t mean it but it happened. Your fingers accidentally got on the “delete” icon and a photo just disappeared. If only your iPhone had a safety net like that of a Recycle Bin in your desktop, then you wouldn't freak out so much. Wait. There probably is a safety net. You just don't know it yet.

For many people, photos are the single most important content on their iPhone. So losing your photos can be something of a catastrophe.

The good news is that even if you accidentally delete some (or all) of your photos, there are a few ways to get them back.

(Via: https://www.businessinsider.com/how-to-recover-deleted-photos-from-iphone)

There’s really no need to despair over a deleted photo on an iPhone. There are a couple of apps that you can use to recover deleted photos. The first of which is the Photos app. This particular app has a "Recently Deleted" folder.

Some people might not realize that Apple provides a "recently deleted" photo folder in the Photos app — think of it like the Recycle Bin on your computer desktop. It holds all the photos that have been deleted for 30 days. On day 31, a deleted photo is deleted permanently — but until then it's easy to recover.

1. Open the Photos app.
2. Scroll down the list of Other Albums and tap "Recently Deleted."
3. Tap "Select" at the top right of the screen.
4. Select every photo that you want to return to your iPhone.
5. In the lower right corner, tap "Recover All."

(Via: https://www.businessinsider.com/how-to-recover-deleted-photos-from-iphone)

You can also recover your photos from your backups in iCloud.

If the photos are already gone from the Recently Deleted folder, then you may be able to get your photos back by restoring your phone to a backup.

The disadvantage of this approach is that you will need to replace all the other content on your phone — apps, data, text messages, and so on — with an older backup, which you might not want to do. If the backup you want to restore is fairly recent though, it might be worth it.

If you use iCloud to back up your phone, follow these steps.

1. Backup your phone so that if something goes awry, or you don't like the content of the older backup and are willing to give up the photos, you can return to your current configuration. Follow the instructions in our article " How to backup an iPhone to iCloud, your computer, or an external hard drive."
2. After the backup is complete, perform a factory reset, and then restore the phone to a backup that's old enough to include the photos you have lost. Our article " How to restore your iPhone from a backup after taking the 'nuclear option' of a factory reset" has all the details to complete these steps.
3. When the restore is complete, check the Photos app to see if you recovered the photos you lost. If not, you can repeat the process and restore an older backup, or return to the most recent backup.
If the older backup has the photos you're looking for, but you don't like the rest of the older version, you can try emailing the photos to yourself or uploading them onto an external cloud service (Google Drive, Dropbox, etc.), and then returning your phone to its later version.

(Via: https://www.businessinsider.com/how-to-recover-deleted-photos-from-iphone)

If you’re still using iTunes to backup your files, here’s how you can recover your deleted photos.

1. Start iTunes on your computer.
2. Connect your iPhone to the computer and then click the iPhone icon when it appears in the upper left corner of the iTunes window.
3. Click the "Summary tab" in the pane on the left.
4. In the Backups section, click "Restore Backup."
5. Choose the backup you want to restore to your phone.
6. When the restore is complete, check the Photos app to see if you recovered the photos you lost. If not, you can repeat the process and restore an older backup, or return to the most recent backup.

(Via: https://www.businessinsider.com/how-to-recover-deleted-photos-from-iphone)

So, don’t worry about a deleted photo on your iPhone. You can get it back so long as you have the said apps. If you’re still not using any of the said apps, it’s time that you finally do.

Recovering a photo from your iPhone is not as easy as recovering data from your Mac. There is a difference between the two.

While your iPhone can rely on certain apps for recovery, Mac data recovery is better off with a trusted firm. Visit https://www.harddrivefailurerecovery.net/contact-us/ to get with a trained technician who can recover data from your Mac.

Looking For A Deleted Phone On Your iPhone? Try These Apps. See more on: HDRA

from Hard Drive Recovery Associates - Feed
at https://www.harddrivefailurerecovery.net/looking-for-a-deleted-phone-on-your-iphone-try-these-apps/

Looking For A Deleted Phone On Your iPhone? Try These Apps. Read more on: www.instant-web-site-tools

source https://www.instant-web-site-tools.com/2019/06/28/looking-for-a-deleted-phone-on-your-iphone-try-these-apps/

8 Ways to Keep Your Startup Positively Aligned

When companies become misaligned, different departments may be working toward entirely different goals – in some cases, these goals may be at odds with each other. This is a challenge for the best companies out there, not to mention a startup in the midst of rapid growth. The result is a lack of collaboration as well as a lack of a shared vision and internal conflict.

In some cases, misalignment can even be fatal. More than 90 percent of startups have been known to fail; not because of the competition, but by self-destruction.

Company alignment may be simultaneously simple to understand and also abstract. Often, however, it’s a concept that’s difficult to execute and put into practice. That’s exactly why this blog post will take you through actionable ways that you can keep your startup in alignment.

1. Your Mission Should Be Your Foundation

The foundation of company alignment is having a shared mission or purpose. Before you can think about aligning your team along revenue targets and other objectives, you need to unite your team with a more powerful vision first – your mission.

Your mission should be one that’s short, memorable and specific

More specifically, what are you trying to do for your customers? Take Google’s mission statement, for instance: “To organize the world’s information and make it universally accessible and useful.”

Think of your mission as a “theme” or motto or phrase – just a few words. Your mission should be one that’s short, memorable and specific.

The purpose of this mission is that it provides your team with the a broader perspective about what they are doing and, most importantly, why. It unites them around a more powerful vision – one that transcends revenue-based objectives.

The second component is then aligning your mission with your specific revenue targets, growth goals and other similar objectives (more on this to come). The idea behind this is that your targets become tied to something arguably much more powerful that your team members can personally connect with.

As you will see, in the chaos of a startup, a motto is something that everyone will find easy to remember. It can serve as a powerful mechanism for keeping your entire team aligned and simultaneously moving together toward your goals.

2. Clearly Define Your Goals & Objectives at the Top

This may seem like an obvious step, but it bears repeating: Your startup likely has goals and priorities, but it’s important that these are as clear as possible.

there will be things that you will need to say ‘no’ to

You also need to figure out what’s most important at this very moment. There will always be other things that you could be devoting attention to, but it’s a CEO’s job to stay focused on the most important goals at the present moment.

To put it another way: there will be things that you will need to say ‘no’ to.

But, why is this so important? Because it ensures that the CEO models this behaviour from the top down. When other priorities start to trickle in, you risk contaminating the entire team by leading them in alternate directions. This can be disastrous for startups because it can slow progress whereas, by nature, startups have to move quickly.

3. Align Departmental Goals With The Company’s

Once you have clearly defined your company’s goals at the top level, the next step is to ensure that: a) Your entire team understands what you’re working toward at the highest level, and b) You determine sub-objectives for each department (sales, marketing, accounting, etc.) and that they are tied to and help accomplish your company’s broader goals.

Having your own company objectives is important, but what does this mean for all of the other departments? Make that clear and ensure everyone is contributing to the greater whole – which is ultimately at the essence of company alignment.

You can also take this one step further by connecting departmental sub-objectives with your broader mission. In doing so, your goals become infused with meaning. Put another way, employees start to believe in the ‘why’ of what you’re doing, which is essential in getting them to act.

It’s one thing for your employees to understand your goals but it’s a whole other thing for them to actually believe in them.

4. Translate Goals Into Clearly Defined Actions

Once you have set your goals (both at the top level and at the departmental level), it’s important to determine how these goals can be further refined into clearly defined actions that both you and departments can work toward.

Here’s an example: It’s one thing to set a goal of losing 10 pounds but in order to accomplish that goal you need to refine the action steps that will move you in that direction (for example: eating healthier, starting a fitness plan, etc.).

So, start off by outlining two or three objectives and then breaking those goals into more concrete steps and even measurable metrics that will actually be your team’s focus.

5. Repetition is Key

In a startup, things move quickly. The content of meetings just a week ago can become like a distant memory. That’s why it’s so important for management to make it a point to go over your objectives on a daily basis.

It’s not enough to communicate your goals one time – this is a continual process.

One of the best ways to do this? Go back to your mission (step one). By connecting your objectives with your broader mission statement, you can easily reinforce these goals and keep them at the forefront of your startup without having to continually go into the specifics of those goals.

6. Regularly Review Progress

While it’s important to have clearly defined goals and action steps, it’s arguably equally important to review the progress of these action steps on a regular basis (at least monthly but ideally bi-weekly).

Management will likely find that teams will not be working in alignment at first, so it’s a good idea to ensure that everyone recognizes that this process will be a slow one – one that will require continual nudges in the direction of your goals.

misalignment doesn’t just happen overnight, it’s a slow process

Reviewing your progress on a regular basis not only gives your team the opportunity to redirect wherever necessary, but it also serves as a continual reminder of your company’s objectives.

Remember, too, that misalignment doesn’t just happen overnight, it’s a slow process. That’s why regularly reviewing your goals (and, more specifically, the action steps) will keep your company on the right track.

One of the best ways to track progress? Having an internal dashboard that is set up on the wall for all team members to see.

7. Daily Stand-ups for Everyone

Stand-ups – daily meetings where employees report on what they’re working on are a mainstay of software companies (and, more specifically, engineering teams).

However, there is a lot of value that can come from having involvement from everyone – or at least the core teams.

Communal stand-ups give an opportunity for all teams to share what they’re working on, to collaborate with one another and ultimately to keep your goals at the very culture of your startup.

8. Celebrate Success (But Also Be Transparent About Challenges)

It’s important to take the time to highlight success stories of team members or even entire departments that are working toward and hitting company’s goals. A great example is a team lunch.

Celebrating these milestones creates a culture of teamwork and reinforces your objectives.

Of course, it’s important to also be transparent as far as numbers go and to give insight into any challenges as well. This, too, creates transparency within your organization and ensures that everyone is always on the same page.

Wrapping It Up

Above all, the key to keeping company alignment is a solid foundation: a mission that unites your entire team. From there, top company goals and sub-departmental objectives should work in tandem so that everyone is contributing to the greater whole.

This shared mission, however, is the glue that holds your startup together. As your team grows, your mission (and, more specifically, your values) are what will guide management as they make a myriad of decisions, including those that have to do with hiring.

Throw in continually measuring progress, stand-ins and celebrating milestones and you have a recipe for success when it comes to ensuring that your entire organization is working toward a common goal.

Lastly, recognize that keeping company alignment is a continual process – after all, your goals and objectives will continue to change over time. Eventually, however, the process of setting clear goals and continually working toward them as a team will simply become part of your company culture.

 

Featured image via Unsplash.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2019/06/8-ways-to-keep-your-startup-positively-aligned/

The post 8 Ways to Keep Your Startup Positively Aligned is courtesy of The Instant Web Site Tools Blog

source https://www.instant-web-site-tools.com/2019/06/28/8-ways-to-keep-your-startup-positively-aligned/

Which CSS IS AWESOME makes the most sense if you don’t know CSS well?

Peter-Paul posted this question:

Which of the examples in the image do you consider correct?

If you know CSS well, don't reply, just retweet.

If you don't know CSS too well, please reply to the poll in the next tweet. pic.twitter.com/4bgnf9Wdkc

— ppk 🇪🇺 (@ppk) June 17, 2019

Note the interesting caveat: only vote in the poll if you don't know CSS well.

The winning answer was D! You gotta wonder if the result would have been different if the request for non-CSS experts wasn't there.

I like to think I know CSS OK, so I didn't vote. My brain goes like this:

1. I think he's asking "by default," so the answer may assume there's no other CSS doing anything to that text.
2. I wish I knew why the box was that particular width, but I guess I'll just assume it's a set width.
3. It's not B because ellipsis stuff requires extra stuff, and doesn't work on multiple lines like that — unless we're talking line clamping, which is even weirder.
4. It's not C because that requires hiding overflow which is never really a default — that is, except off the top and left of the browser window, I guess. Or in an iframe.
5. It's not D because words just don't break like that unless you do pretty specific stuff.
6. A actually makes decent sense. It's weird to look at, but I've been dealing with stuff busting out of containers my whole career. C'est la vie.

Remember, we've done a deep dive into CSS IS AWESOME before and how it interestingly captures the weirdness of CSS.

The post Which CSS IS AWESOME makes the most sense if you don’t know CSS well? appeared first on CSS-Tricks.

from CSS-Tricks https://css-tricks.com/which-css-is-awesome-makes-the-most-sense-if-you-dont-know-css-well/

The following blog post Which CSS IS AWESOME makes the most sense if you don’t know CSS well? is courtesy of Instant Web Site Tools Blog

source https://www.instant-web-site-tools.com/2019/06/27/which-css-is-awesome-makes-the-most-sense-if-you-dont-know-css-well/

Different Approaches for Creating a Staggered Animation

Using Percy to add visual testing to a Jekyll site

20+ Best Moodle Themes of 2019

Moodle is a powerful learning management system which is widely used by academics and students to build online course management and e-learning websites for universities and institutions around the world.

Moodle templates and themes let you quickly establish a great looking platform, without too much development time and resource. These templates are easy to implement and offer full customization. Some of these templates cover the corporate arena, while others focus more on education and learning. They’re a great starting point when developing your own platform!

Space – Responsive Premium Moodle Theme

Space is a modern Moodle theme that features a beautifully minimalist design. Built with the Bootstrap framework, this theme comes with a mobile-first design equipped with a smooth browsing experience. The theme also includes sections for showcasing your course catalog, teacher profiles, and custom login and registration pages along with a redesigned user interface.

• See Preview
• Price: $59

Klassroom – Premium Moodle Theme

Klassroom is a Moodle theme designed for online learning websites and schools. The theme includes predefined color skins, which you can easily switch between, as well as course categories, teacher profiles, an events section, and much more.

• See Preview
• Price: $59

University – Responsive Moodle Theme

Just as the name suggests, this is a Moodle theme for building websites and learning platforms for universities and colleges. The theme supports multiple languages and RTL. It also comes with a visual page builder, allowing you to easily customize the design.

• See Preview
• Price: $48

Trending – Responsive Moodle Theme

Trending is a fully-responsive premium Moodle theme that comes with a unique and a highly professional design. It’s perfect for building a unique and a complete online learning platform or setting up an online classroom for a college.

• See Preview
• Price: $79

Alanta – Responsive & Modern Moodle Theme

Alanta is a modern Moodle theme that comes with a stylish homepage design. It features pre-made color schemes to customize the design and offers multilingual support, including RTL languages. The theme also features multiple inner-page layouts for showcasing your courses, admissions, research, and more. This theme is ideal for making LMS websites for colleges and private academies.

• See Preview
• Price: $59

Roshnilite – Modern Free Moodle Theme

This free Moodle theme comes with a beautiful and modern design. It includes a stylish header section for welcoming students as well as sections for highlighting courses and for adding a portfolio or course category section. It’s fully compatible with Moodle 2.7 and higher.

• Price: Free

Enlightlite – Responsive Free Moodle Theme

Enlightlite is another responsive and free Moodle theme you can use to make LMS websites for schools and colleges. The theme features a modern design with a slider on the header section, an about section, course catalog, and much more.

• See Preview
• Price: Free

New Learning – Premium Moodle Theme

This Moodle theme comes with its own course dashboard designs for teachers and students as well as an A-Z courses index design. The theme also supports multiple languages and features a responsive design.

• See Preview
• Price: $59

LearningZone – Responsive Moodle Theme

LearningZone is a professional Moodle theme made for setting up a website for a college or a school. The theme includes sections for teacher profiles, course pages, an event calendar, and much more.

• See Preview
• Price: $49

Edutech – Premium Moodle Theme

Edutech is a feature-rich Moodle theme made for universities and colleges. It comes with a customized user interface with support for RTL and other languages. The theme also allows you to change its colors however you like.

• See Preview
• Price: $49

School – Exclusive Moodle Theme

This Moodle theme is perfect for creating a website and an online learning platform for middle-schools and high schools. The theme features a colorful design with photo galleries, course index, teacher profiles, and more.

• See Preview
• Price: $56

Klass – Free Minimal Moodle Theme

Klass is a modern and free Moodle theme that comes with a simple and clean design. This theme features a fully responsive design with multilingual support and a creative homepage layout for showcasing your courses, blogs, and categories in one place.

• See Preview
• Price: Free

Eduhub – Free Clean Moodle Theme

This free theme also features a clean and minimal design that makes it a great choice for making LMS websites for all types of academic establishments. The theme is easily customizable as well. But, it hasn’t been tested with the latest version of Moodle.

• Price: Free

Cognitio – Premium Moodle Theme

Cognitio is a professional Moodle theme designed for universities. It comes with a fully-customizable design, an A-Z courses index, course formats, support for RTL and other languages, and a code generator.

• See Preview
• Price: $59

IQ – Intelligent Moodle Theme

This Moodle theme comes with a beautiful and a minimalist design. It’s ideal for setting up a website for an online learning platform or a college. The theme features unlimited color options, several different header styles, and lots of custom plugins.

• See Preview
• Price: $59

Academic – Responsive Moodle Theme

You can build any type of an academic website using this Moodle theme. It includes a customized design with a beautiful courses page, teacher profiles, a photo gallery, and more.

• See Preview
• Price: $48

Flora – Responsive Moodle Theme

Flora is a basic Moodle theme you can use to setup a school website. The theme features a fully-responsive design with a photo gallery, custom fonts, a unique login page, a slider, and an event calendar page.

• See Preview
• Price: $45

Lambda – Responsive Moodle Theme

The Lambda Basic Theme can be quickly and easily changed, including logos, link colors and block background colors. This theme is mobile optimized and uses a responsive design to provide a positive user experience across different device sizes, including tablets and smartphones.

• See Preview
• Price: $44

Eguru – Free Moodle Theme

This free Moodle theme is ideal for making a basic educational website. It features a responsive design with a custom login page and supports multiple languages.

• See Preview
• Price: Free

Moove – Free Moodle Theme

Moove is another free Moodle theme that you can use to design a professional educational website on a budget. The theme comes with a responsive design, course page designs, an events calendar, and more.

• Price: Free

from Design Shack https://designshack.net/articles/inspiration/15-best-moodle-themes-of-2016/

The blog post 20+ Best Moodle Themes of 2019 was first published on www.instant-web-site-tools

source https://www.instant-web-site-tools.com/2019/06/27/20-best-moodle-themes-of-2019/

35+ Best Stencil Fonts

Looking for the best stencil fonts for your next design project? We’ve collected our favorite stencil letter fonts to give you dozens to choose from, all beautifully crafted to give you a stylish stencil effect.

When it comes to designing movie posters, video game covers, and military and industrial-themed designs, you can’t go wrong with a stencil font. Stencil fonts can be a great choice for making bold statements and grabbing attention. And they work well with many types of print and digital designs as well. (We’ve also included a few delicate stencil fonts, for more subtle use cases as well!)

Enjoy browsing through our hand-picked collection of the best stencil fonts, and see if you can find one font that’s a good match for your next design project.

Our Favorite Stencil Fonts

These are our favorite free and premium stencil fonts of the entire list. Have a look.

Top Premium Pick

Arcline – Modern Stencil Font

Arcline is a unique stencil font unlike any other font on our list. This font comes with a design inspired by the typography commonly used in the drawings related to engineering.

The font also comes in 4 different weights, including light, regular, bold, and an inline typeface.

Why This Is A Top Pick

The geometrically correct and unique design of this font makes it truly one of a kind. It’s a must-have stencil font that fits in with many different types of print and digital designs.

Top Free Pick

Marsh – Free Stencil Font

March is a free font that features one of the most creative stencil designs we’ve seen. Unlike most other stencil fonts, this font uses its own style of shapes and spacing to create a unique design.

The font includes multilingual support and you can use it for free with your personal projects.

Why This Is A Top Pick

Finding stencil fonts that support other languages is not easy. This font supports Espanol, Portuguese, Deutsch, and many more. And it’s free!

Quas Stencil – Luxury Font

Quas is a stencil font featuring an elegant and luxury design. This font is perfect for making designs for luxury, high-end, and fashion related businesses. It’s also a great fit for logo designs.

• Price: Envato Elements Subscription

Opera – Bold Stencil Font

Opera is a family of bold sans-serif fonts. It includes 10 different fonts featuring thin, bold, westers, stencil, and much more. It’s perfect for all kinds of designs from bold titles, book covers, signages, and posters.

• Price: Envato Elements Subscription

Monty – Modern Stencil Font

Monty Stencil comes with a smooth and creative design. It’s designed with marketing, packaging, and branding work in mind. The font also features a unique style of stencil design that can add a personal touch to your designs.

• Price: Envato Elements Subscription

Storehouse – Stencil Font

Storehouse stencil font comes with an old-school vintage-themed design, which was inspired by the signage and posters from the 1800s. The font is available in 10 different styles, including bold, shadow, outline, and stencil.

• Price: Envato Elements Subscription

Exomoon – Display Stencil Font

Exomoon is a modern space and sci-fi themed stencil font that’s most suitable for designing modern posters, book covers, and greeting cards. It’s an all-caps font that also comes with lots of glyphs.

• Price: Envato Elements Subscription

Botera – Creative Free Stencil Font

Botera is a modern serif font with a stylish stencil design. This font is ideal for logo and poster designs. It’s free to use with your personal projects

• Price: Free

Evolve – Unique Stencil Font

Evolve features a unique design of its own. Even though it’s technically not a stencil font, it has a similar design that you can use to design unique stencil designs.

• Price: Free

Arcane – Logotype & Stencil Font

Arcane is a logotype font that features a stencil-inspired design. While it’s the best choice for designing logos, the font can be used for website designs, business cards, and other branding material designs as well.

• Price: Envato Elements Subscription

Organa Caps – Stencil Font

Organa Caps is a unique stencil font that comes with a creative design, unlike any other font. The font is available in 3 different styles and it’s ideal for designing product tags, packaging, and posters.

• Price: Envato Elements Subscription

Goku – Didot & Stencil Font

Goku is a multilingual font that’s been designed for an official Watches of Switzerland event. It comes in two styles and features lots of ligatures, alternates, and glyphs.

• Price: Envato Elements Subscription

Hand Stencil

This is elegant font features a mix of hand-lettered and a stencil design. It’s a brilliant combination that creates a unique typeface. The font is perfect for crafting posters, book covers, greeting cards, T-shirt designs, and much more.

• Price: Envato Elements Subscription

Portico Stencil Rough

Portico is a stencil font with a classic design. It features a rough and grunge style design that will add more depth to your designs. The font can be used to create big bold titles, headers for websites, and to craft posters and greeting cards.

• Price: Envato Elements Subscription

College – Free Stencil Font Family

College is a free font family that includes various styles of stencil fonts with a design inspired by the arches and columns of the buildings in France. The font is free to use with your personal and commercial projects.

• Price: Free

Bripokus – Free Stencil Font

This free stencil font is the perfect choice for crafting big titles and heading in websites, posters, and social media. The font is completely free to use with your personal and commercial projects.

• Price: Free

Hemingwar Font

Hemingwar is a beautiful stencil font with a retro-modern hand lettering design. The font features natural extensions with rounded corners and comes in normal, stencil, and roughened versions as well. The font consists of all letters, numbers, and punctuations.

• Price: Envato Elements Subscription

Stargaze Typeface

Stargaze is not an ordinary stencil font. It’s a retro-futuristic font inspired by stencil designs. The font features both regular and stencil letters mixed-in to make one unique look. It includes all uppercase letters, numbers, punctuations and a unique reversed versions of the letters, which can be enabled with the Caps Lock.

• Price: Envato Elements Subscription

Bladekade Stencil Font

This stencil font is unlike any other you’ll normally find anywhere on the web. This font features an elegant script font style with a vintage design. It’s ideal for designing logos, badges, product labels, and website headers. The font will definitely make your designs stand out.

• Price: Envato Elements Subscription

Bastille Font Duo

Bastille is yet another futuristic cyberpunk themed font inspired by stencil design. This font is perfect for designing movie posters, title screens, book covers, and T-shirt designs. The font includes regular and italic versions as well.

• Price: Envato Elements Subscription

Ember Typeface

Ember is a poster stencil font that comes in two different styles that will fit in well with digital and print designs. It has a rough post-apocalyptic look that makes the font perfect for luxury branding works, especially for businesses related to men’s products.

• Price: Envato Elements Subscription

Leixo – Free Stylish Stencil Font

Leixo is a free stencil font that comes in multiple weights, including italic, bold, and rough designs. The font also includes more than 320 glyphs as well.

• Price: Free

Fontuna – Free Stencil Font Family

Fontuna is a family of fonts that comes with various types of typefaces with condensed design. It includes a stencil typeface as well.

• Price: Free

Jakes – Free Creative Stencil Font

This stencil font features a creative design that will make text look as if it was hand-drawn by a child. The font is available in both thin and bold weights. You can use it for free with your personal and commercial projects.

• Price: Free

Typehead Stencil Font

Featuring a vintage design, this stencil font family comes with 4 different styles of typefaces, including regular, decorative, regular stencil, and decorative stencil. These fonts will help you add that old-school industrial look to your print and web designs.

• Price: Envato Elements Subscription

Lunar Eclipse Font Duo

This unique font features an unusual design inspired by stencil fonts that makes it more suitable for logo designs, business card designs, and other high-end product and branding works. The font is available in two versions with both uppercase and lowercase letters.

• Price: Envato Elements Subscription

Mind the Gap Urban Stencil Font

This font comes with a classic urban stencil font design. According to its designer, the font was created by hand-cutting the letter stencils and spray painting the letters. Which makes it truly an original stencil font. It includes uppercase and lowercase letters with numbers and punctuations.

• Price: Envato Elements Subscription

LUNA Stencil Font

Luna is a minimalist stencil font with a modern design. It features tall and narrow letters with a basic stencil design and it’s available in two different styles: Regular and Stylish. This font can be used to design great website headers, social media posts, logos, and more.

• Price: Envato Elements Subscription

Braunstein Font

Braunstein is a stencil font with a classic design that makes it best for retro-themed design projects, including product packaging, badges, T-shirt designs, signage, and more. The font features a hand-made design that will add a natural look to your designs.

• Price: Envato Elements Subscription

MM Cruella

A yet another minimalist font with a modern stencil look. This font is ideal for business and branding works related to feminine products. It can be used to craft logos, titles, business cards, and banners. The font is available in 5 weights and includes lots of ligatures and alternate characters.

• Price: Envato Elements Subscription

Maroque Stencil Font

This unique stencil font features a design style inspired by the patterns and forms found in Moroccan architecture, art, and carpets. It has a one of a kind design that will add a unique cultural look to your greeting cards, posters, and other designs.

• Price: Envato Elements Subscription

Thunderbolt Stencil Font Family

Thunderbolt is a font family that comes in 4 different styles, including regular, rounded regular, stencil, and rounded stencil. The fonts can be used with many different types of projects including both print and digital designs.

• Price: Envato Elements Subscription

Raleigh Font

Raleigh is a modern stencil font with an elegant design. This font features a futuristic stencil look that will allow you to create more attractive website headers, logotypes, greeting cards, and more. The font comes in several different styles including regular, bold, and italic.

• Price: $10

Sargento Gorila Fonts

This is a stencil font that comes with both regular and italic styles. The font features a military-themed design and includes ligatures and lots of alternate characters such as bitcoin symbol and sergeant symbol.

• Price: $20

Revelation Stencil Font

Revelation is a futuristic stencil font with a minimalist design. It features a smooth rounded design with a perfectly measured stencil effect. It comes in regular and light versions, which includes the complete alphabet, numbers, Latin characters, and 370 glyphs.

• Price: $12

Aquos Typeface

Aquos is a stencil font with a unique design. The font features a creative layout that includes shapes inside the letters. It’s ideal for creating modern logotypes, website headers, and print designs.

• Price: $7

Transsiberian Stencil Font

This stylish stencil font will certainly help add a specific uniqueness to your design projects. This font features an elegant and a modern design. And it includes both uppercase and lowercase letters with rounded edges as well as numbers, glyphs, and icons.

• Price: $14

Melting Point Sci-fi Font

This stencil font comes with an attractive sci-fi look that makes it the perfect choice for crafting book covers, movie posters, and title screens. The font is available in light, regular, italic, bold, and more styles.

• Price: $12

Mantra Stencil Font

Mantra is a bold display font with a stencil look. The font is ideal for designing posters, banners, social media posts, and website headers. It also includes a unique stencil effect with unevenly cut out designs.

• Price: $10

Mussolina Font

This stencil font also has an uncommon stencil effect that features curved and slanted stencil cut outs. It’s also a multilingual font that supports German, Dutch, Italian, Spanish, and many other languages.

• Price: $19

Capsule X Pro Font

Capsule X is a beautifully minimalist stencil font that has a modern design. It’s perfect for crafting logos, signage, website headers, business cards, and more. The font includes both uppercase and lowercase letters as well.

• Price: $15

Portfolio Stencil Font

This modern stencil font not only features a unique design, it also comes packed with more than 900 glyphs, Latin characters, and kerning pairs. The font is available in bold, regular, extra bold rounded, and light versions as well.

• Price: $14

For more great fonts, check out our monogram fonts and lettering fonts collections as well!

from Design Shack https://designshack.net/articles/inspiration/stencil-fonts/

The blog post 35+ Best Stencil Fonts was originally seen on The Instant Web Site Tools Blog

source https://www.instant-web-site-tools.com/2019/06/27/35-best-stencil-fonts/