3 Essential Design Trends, November 2019

Original Source: https://www.webdesignerdepot.com/2019/10/3-essential-design-trends-november-2019/

There’s always a balance between visual design and functional design. Many of the “rules” of design as we know them exist to make visuals more functional.

That’s not exactly true of all of the techniques that are trending right now. But sometimes rules are made to be broken, right? You can take these trends in and decide whether they work for you or not. (There’s no right or wrong answer.)

Here’s what’s trending in design this month.

1. Obscured Text Elements

When it comes to text elements, the first thought is often readability. Not with this design trend.

More design projects are showcasing text elements that are partially obscured or hidden within other elements. And while these designs look pretty cool and are visually stunning, whether it actually works might be more debatable.

Each of the examples below uses this trend in a slightly different way.

Granyon Party uses oversized text in a layered design – background, text, animated illustration – where the words are hyphenated and in a layer behind design elements. While the obscured text is fairly easy to read, the addition of hyphenation and a monotone color palette makes it a little trickier.

Lafaurie Paris uses black text over an image layer with dark coloring, leaving little contrast between the two. This makes the main text element a challenge in terms of readability on an otherwise visually stunning design.

Ride & Crash’s Paco the Judo Popcorn has a text layer that’s behind a semitransparent animated illustration. It’s not too difficult to read, but does make you stop and really think about the words on the screen. Use of space helps draw focus and make it a little easier to digest.

With all of these examples, the design has to weigh big questions: Is the visual display worth losing readability? Will visitors understand and interact with the design?

2. Animated Spheres

Circles have always been a popular design element. They carry plenty of symbolism and meaning and can set the right tone for projects. Circles are also a little less rigid than hard-edged elements, such as buttons or calls to action.

Bigger spheres with animation are a solid way to draw users into design elements and focus the eye.

This trending element might be pure decoration or serve a more functional role.

2nd Street uses large spheres down the right margin as a secondary level of navigation. The middle circles have a link and hover animation to help signal this action. The bottom circle is a decoration with movement that helps draw the eye and encourage users to move the mouse in that direction, activating the other circular buttons.

Eslam Said uses a large sphere in the center of the screen with simple movement to create visual interest in the portfolio website. The simple design and movement are hard to stop looking at with a soothing feel to them.

World of Incentro uses multiple spheres with small movements and subtle animation as a decorative element. Further, the design uses a red, circular cursor to encourage engagement with the design. (If you click around this site a little, you’ll also find that it makes use of the first trend mentioned here, with different layers of obscured text.)

3. Large Left Margins

This might be my personal favorite trend, as a fan of asymmetrical balance. These designs use large left margins and areas of whitespace opposite a more visually full right side with an art element that fades off the screen.

They create a beautifully imbalanced balance with visual weight that draws the eye across this screen.

But this style isn’t for everyone, especially if you really like more symmetry. The challenge with this style is how elements stack on smaller mobile or vertical screens. The result isn’t often as stunning as the desktop counterpart.

Ervaxx uses a simple animation paired with large bold text. The large font size offsets the weight of the animated blob on the right.

Lifted Logic carries a hero text element across white (ahem, black) space into a video. The use of space really pulls the eye across the text into the image and back.

Cognito uses balanced weights with text and line illustrations across the screen. Space, here, makes the design feel a little less busy with a lot of elements to take in at once – navigation menu, headline, secondary text, two buttons, animated illustration, and a chat box.

Conclusion

It’s possible to love the look of a trendy design, but never use the technique because you don’t find that it works with your content or in a way that focuses on usability. And that’s ok. That’s the beauty of trends; they spark conversation and push all designers to think bigger and better.

Do you tend to be more of a visual or functional designer? Most of us have fairly distinct tendencies and it’s good food for thought.

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Dark Mode Looks Good, But Is It Actually Hurting You?

Original Source: https://www.webdesignerdepot.com/2019/10/dark-mode-looks-good-but-is-it-actually-hurting-you/

Over the last few years, everyone’s been talking about Dark Mode. It’s said to boost productivity and focus while reducing eye strain. It’s also supposed to be better for your battery life.

But is that the whole story?

Research into the matter suggests that Dark Mode might not be so healthy for us after all. Today, I want to take a look at what the data suggests and how you can use this information to determine how and when Dark Mode should be used.

Dark Mode is everywhere: Twitter has it; Slack does, too; Mac users can get it; Sketch has a Dark Mode; Atom comes with it out of the box; and Chrome allows its users to choose what kind of dark mode they use.

Like I said, it’s in a lot of places where we work. The question is, though, is it a good idea to use it?

Here’s what we know:

1. Polarity Affects Legibility

Polarity, in web design, refers to the contrast between the typography and the background it sits on. Positive polarity is when black text appears on a white background and negative polarity is when white text appears on a black background.

A number of studies in recent years prove that positive polarity is best for legibility.

Study #1: In 2013, researchers set out to determine how polarity affected the act of proofreading. What they found was that positive polarity provided an easier reading experience, especially with smaller font sizes (they tested fonts between 8 and 14 pts). They attribute this enhanced legibility to the brighter luminance of the white background.

Study #2: In 2014, researchers wanted to test whether or not it really was luminance that affected legibility. To determine this, they studied subjects’ pupil sizes as they read positive polarity and negative polarity texts. Those who read positive polarity text had smaller pupils. And because smaller pupils sharpen one’s ability to perceive finer details, the study proved that positive polarity leads to a better, more accurate reading experience.

Study #3: In 2016, further research was done into the matter. This time, their focus was on glance-like conditions (like while driving a car or, say, glancing at a line of code you just wrote). The results of the study showed that negative polarity in a dark ambient environment made it the most difficult to read. Only the positive polarity environments (in both dark and brightly illuminated areas) were ideal.

Bottom Line

Black text on a white background provides the optimal reading experience. If for some reason you prefer the Dark Mode interface, only use it when you don’t have much reading to do and accuracy isn’t an absolute must.

2. Some Medical Professionals Don’t Believe It Has Any Effect

It’s not just researchers that have taken an interest in the validity of Dark Mode’s health benefits. Medical professionals are getting in on the conversation, too.

Ophthalmologist Dr. Euna Koo spoke to CNN Business about this subject and said:

I do not think dark mode affects eye health in any way given the data that is out there in the literature. The duration of use is likely much more important than the mode or the intensity of the brightness of the device when it comes to the effect of this dark mode on eye fatigue and potentially eye health.

Ophthalmology Director of Modernizing Medicine, Dr. Michael B. Rivers, echoed that sentiment in a recent Forbes article:

While bright light in the evening is known to disrupt circadian rhythms, there’s no real evidence that white font on a dark screen is easier to read than the reverse.

Wired rounded up the opinions of a couple professors of human-computer interaction from UCL. This is what Anna Cox had to say about the relationship between Dark Mode and productivity:

Unfortunately, externally driven distractions don’t just disappear by changing their colour, and internally driven distractions aren’t inhibited by looking at something dark.

So, if doctors and professors are coming forward to debunk the myth that Dark Mode helps with visibility and concentration, we should probably listen to them.

3. It Might Be Affecting Your Mood

This one I don’t have as solid proof for, though I wouldn’t be surprised if we see more studies done on this in the coming years. Here’s what I do know:

The deprivation of light can change how our brains work and can lead to greater levels of depression. For those of you who’ve lived in a place like Seattle before, you know what I’m talking about.

Seasonal affective disorder (or SAD) is a condition that causes people to feel tired, unmotivated, and depressed…all because of a lack of exposure to light. This is especially problematic in parts of the world where the days are short and the sun only comes out a couple months of the year.

I can attest to this. It took just one year of living in Seattle before I had to see my doctor about the extreme fatigue and depression I was experiencing. She and a couple other medical professionals I talked to all said the same thing: “Oh, that’s normal. We’re all depressed here. Get a SAD lamp.” (Basically, because there is no sunshine to naturally wake your body up or to help rejuvenate you throughout the day, your circadian rhythms get all messed up. And a SAD lamp emulates that boost of light you’re missing throughout the day.)

Considering what we know about blue light and its disruptive effects on melatonin and sleep, I can’t help but wonder if these same blue light-emitting screens can help us stay awake and focused during the day. If that’s the case, Dark Mode — at least when used in excess — might actually be hurting our productivity and alertness.

Wrap-Up

As more of the tools we use to do business with offer up a Dark Mode option, should we take it?

Based on what the research and professionals are saying, I don’t think so. It seems like Dark Mode is more of an aesthetic choice than one you’d make because it’s going to improve how effective you are at work.

And, hey, if you prefer the sleek and subdued look of Dark Mode and find that it doesn’t have any adverse effects on you, have at it. That said, if you’re wondering why you can’t stay focused or awake at your computer, a better option might be to stick with the traditional white screen and adhere to smarter work practices: take frequent breaks from the screen, get outside, and work during your most productive hours.

 

Featured image via Unsplash.

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Forget Trick or Treat, Here Are 5 Horrifying Technologies That Should Really Scare You!

Original Source: https://www.webdesignerdepot.com/2019/10/forget-trick-or-treat-here-are-5-horrifying-technologies-that-should-really-scare-you/

You know, I remember the good old days when all you had to worry about at Halloween was how to stop a gang of sugar-crazed 8 year-olds throwing eggs at your house. Not any more. Here are 5 emerging technologies that are bound to give you the creeps:

1. Quantum Supremacy

Perhaps the biggest tech news of 2019 came last month when Google announced “by mistake” cough that they’d completed a “10,000 year” calculation on their Sycamore quantum chip in 200 seconds. If the term “Supremacy” wasn’t sinister enough, the claim that this could render conventional encryption methods obsolete in a decade or so should give you pause for thought.

this could render conventional encryption methods obsolete

Just think about it for a second: that’s your bank account, all your passwords, biometric passport information, social security, cloud storage and yes, even your MTX tokens open and available to anyone with a working knowledge of Bose-Einstein condensates and a superconductor lab in their basement. Or not.

2. Killer Robots

To my mind, whoever dreamed up fast-moving zombies is already too depraved for words, but at least your average flesh-muncher can be “neutralised” with a simple shotgun to the face or — if you really have nothing else — a good smack with a blunt object. The Terminator, on the other hand (whichever one you like), a robot whose actual design brief includes the words “Killer” and “Unstoppable” in the same sentence, fills me with the kind of dread normally reserved for episodes of Meet the Kardashians.

autonomous drone swarms…detect their target with facial recognition and kill on sight on the basis of…social media profile

We already know for certain that Lethal Autonomous Weapons (LAWs for short…) are in active development in at least 5 countries. The real concern, though, is probably the multinationals who, frankly, will sell to anyone. With help from household names like Amazon and Microsoft, these lovely people have already built “demonstration” models of everything from Unmanned Combat Aerial Systems (read “Killer Drones”) and Security Guard Robots (gun-turrets on steroids) to Unmanned Nuclear Torpedoes. If that’s not enough for you, try autonomous drone swarms which detect their target with facial recognition and kill on sight on the basis of… wait for it…“demographic” or “social media profile”.

Until recently, your common-or-garden killer robot was more likely to hurt you by accidentally falling on top of you than through any kind of goal-directed action, but all that’s about to change. Take Boston Dynamics, for example: the DARPA funded, Japanese owned spin-out from MIT whose humanoid Atlas can do parkour, and whose dancing quadruped SpotMini looks cute until you imagine it chasing you with a taser bolted to its back.

The big issue here is the definition of “Autonomous”. At the moment, most real world systems operate with “Human in the Loop”, meaning that even if it’s capable of handling its own, say, target selection, a human retains direct control. “Human on the Loop” systems however, allow the machine to operate autonomously, under human “supervision” (whatever that means). Ultimately, more autonomy tends towards robots deciding for themselves to kill humans. Does anyone actually think this is a good idea?!

3. The Great Brain Robbery

If the furore around Cambridge Analytica’s involvement in the 2016 US Presidential election is anything to go by, the world is gradually waking up to the idea that AI can be, and is being used to control us. The evidence is that it works, not just by serving up more relevant ads, or allowing content creators to target very specific groups, but even by changing the way we see ourselves.

Careful you may be, but Google, Facebook and the rest probably still have gigabytes of information on you, and are certainly training algorithms on all kinds of stuff to try to predict and influence your behavior. Viewed like this, the internet looks less like an “information superhighway” and more like a swamp full of leeches, swollen with the lifeblood of your personal data (happy Halloween!).

4. Big Brother

I don’t know about you, but I’m also freaking out about Palantir, the CIA funded “pre-crime” company whose tasks include tracking, among other kinds of people, immigrants; not to mention the recent memo by the US Attorney General which advocates “disrupting” so-called “challenging individuals” before they’ve committed any crime. Call me paranoid, but I’ve seen Minority Report (a lot) and if I remember right, it didn’t work out well… for anyone!

This technology is also being used to target “subversive” people and organisations. You know, whistleblowers and stuff. But maybe it’s not so bad. I mean, Social and Behavior Change Communication sounds quite benign, right? Their video has some fun sounding music and the kind of clunky 2D animation you expect from… well no-one, actually… but they say they only do things “for the better”… What could possibly go wrong? I mean, the people in charge, they all just want the best for us, right? They wouldn’t misuse the power to make people do things they wouldn’t normally do, or arrest them before they’ve done anything illegal, right guys? Guys…?

5. The Ghost in the Machine

At the risk of wheeling out old clichés about “Our New Silicon Overlords”, WHAT IF AI TAKES OVER THE WORLD?!

I’ll keep it short.

Yes, there’s a chance we might all be enslaved, Matrix style, by unfeeling, energy-addicted robots. Even Stephen Hawking thought so. There’s also the set of so-called “Control Problems” like Perverse Instantiation where an AI, given some benign-sounding objective like “maximise human happiness”, might decide to implement it in a way that is anything but benign – by paralysing everyone and injecting heroin into their spines, perhaps. That, I agree, is terrifying.

But really, what are we talking about? First, the notion of a “control problem” is nonsense: Surely, any kind of intelligence that’s superior to ours won’t follow any objective we set it, or submit to being “switched off” any more than you would do what your dog tells you… oh no wait, we already do that.

Surely, any kind of intelligence that’s superior to ours won’t follow any objective we set it

Second, are we really so sure that our “dog-eat-dog” competitive approach to things is actually all there is? Do we need to dominate each other? Isn’t it the case that “super” intelligence means something better? Kinder? More cooperative? And isn’t it more likely that the smarter the machines become, the more irrelevant we’ll be to them? Sort of like ants are to us? I mean, I’m not sure I fancy getting a kettle of boiling water poured on me when I’m in the way but, you know… statistically I’ll probably avoid that, right?

Lastly, hasn’t anyone read Hobbes’ Leviathan? If a perfect ruler could be created, we should cast off our selfish individuality and surrender ourselves to the absolute sovereign authority of… ok, I’ll stop.

So, Are We Doomed or What?

Yes. No! Maybe. There are a lot of really scary things about AI but you know what the common factor is in all of them? People. We don’t know what a fully autonomous, super intelligent machine would look like, but my hunch is it would be better and kinder than us. What really makes my skin crawl are the unfeeling, energy-addicted robots who are currently running the show. In their hands, even the meagre sketches of intelligence that we currently have are enough to give you nightmares.

Candy, anyone?

 

Featured image via Dick Thomas Johnson.

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Is this Paris Olympics 2024 logo concept better than the official design?

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/-Z_bfHbH6sg/paris-olympics-2024-logo-concept

Earlier this month, the official logo for the Paris 2024 Olympics was unveiled, and, like many logos before it, the design was met with some heavy criticism. Maybe the Olympic logo creative team should've have read our guide to logo design before starting? Or maybe, this offering from design agency Graphéine should have won the Olympic logo bid?

Graphéine's concept Olympic logo design (above) draws inspiration from the official Paris 2024 Candidacy logo (below, this is the one used for the official Olympic bid). The latter uses the year 2024 and the Eiffel Tower to create a clever visual trick, while the former concept logo uses sweeping lines in the Olympic colours to form the shape of the iconic French architecture to make a striking and clever design. And we love it. 

Compare both to the official Paris 2024 logo, and the reactions it got, here.

Paris 2024 concept logo

Can you see the number 24?

But is Graphéine's Eiffel Tower logo too predictable? A report from the design team stated: "We were aware of entering a particularly used visual territory where the kitsch border is very close. It is also a powder keg, where the risk of accusations of plagiarism hangs high."

The answer, in our humble opinion is no. The combination of the landmark and Olympic colours is elegantly realised, and the swooping shape, as the Graphéine intended, certainly conveys a feeling of sport momentum. Plus there's more than meets the eye, with the Eiffel Tower graphic not only representing the city's most recognisable feature, but resembling a sports track and symbolising five continents coming together to compete.

Paris 2024 concept logo

On your marks, get set… logo!

Just like any logo design pitch for the Olympics, it also comes with a Paralympic iteration. This design uses the same visual language to establish a symbolic link between the designs. According to the agency it's a "strong gesture that can act as a bridge between the world of valid athletes and that of disabled athletes."

Paris 2024 concept logo

The Paralympics concept logo shares the same visual language

While ultimately this design will only see the light of day on design sites like ours, Graphéine's Paris 2024 Olympics logo offers valuable insight into what it takes to design such a prolific event. 

Related articles:

Tokyo 2020 strikes gold with its recycled Olympic medalsIs the Tokyo 2020 logo better than the official design?The surprising story behind the Joker logo

404 pages: Check out the best error pages around

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/3BqcxN66gQo/best-404-pages-812505

Creating 404 pages might not be the first thing you'll think about when making a website, but they are essential. While a 404 page is something that you ideally don't want visitors to see, the best ones turn the situation to the designer or brand's advantage.

More and more, we're seeing bespoke 404 pages that use wit, clever UX or beautiful design to sweeten the pill of finding yourself in the wrong place. Whether its some thoughtful CSS animation, a cool parallax scrolling effect, or just some smarter-than-your-average copy, there are plenty of ways to liven up your 404 error pages – as these examples prove.

The best 404 pages can become a mini-ambassador for the website itself. They might even be shared on Twitter or relevant blogs as an example of the site's commitment to customer service or unique design style. The 404 error pages we present here have achieved all this and more, so take a look and be inspired to think outside the box with your own.

01. Ready to go survival

404 pages: ready to go survival

We all love a good movie reference within a 404 page (and there are several of them included in our list). This survival site refers to The Matrix in its 404 page and gives you two options: clicking the red or the blue pill. Naturally, both keep you on the site. 

02. Carwow

404 page: carwow

This car buying comparison site helps you find the perfect car, but when you go off course, its 404 page provides a clever on-theme way to keep you on site. Visitors are presented with an 8-bit game style screen. All you need to do is hit the Start text to enjoy the simple horizontal scrolling game, where all you need to do is avoid obstacles and other cars. Give to a try.

03. Color of the Year

404 page: Pantone

This site is dedicated to everything to do with PANTONE's Color of the Year. Everything about it has been beautifully designed, including its 404 page. The site goes into an impressive amount of depth, with sections on relevant colour systems, suggested palettes, and examples of the shade in use. Meanwhile, the 404 page takes a smart-but-simple approach. There's a short explanatory message and a swatch of PANTONE shade 404, which is a delightfully appropriate grey-brown, to match the user's mood when finding themselves there. 

04. Ueno

Image: Ueno

Ueno is a full-service agency with a standout 404 page. What you're seeing above doesn't capture the full effort that's gone into it: the hotdog is animated so it runs in an infinite loop through a surreal landscape, and there are several hilarious explanatory messages to explore. It's bonkers and totally unique – visit the error page here.

05. Gymbox

Gym Box is a gym company that aims to offer "the most unique and diverse classes in London". The limits of that claim might be the kind of magnificent '80s fitness spectacle that appears on its 404 page. Short shorts, crop tops and pelvic thrusting – what more could you want from an error page? 

06. Slack

404 page: Slack

Image: Slack

It's only a slight exaggeration to say that Slack's 2019 logo update was met with widespread horror, and its super-saccharine 404 page is sure to have its fair share of haters too. Go wrong in Slack, and you're directed to a magical landscape of lush foliage, mountains and rainbows, where butterflies, chickens and tiny little pigs roam free. The scene scrolls horizontally with your mouse movement, too (try it here). 

07. Purée Maison

Purée Maison is a creative agency specialising in communication strategy, and its characterful website is full of delightful animations (we'd recommend taking a look around). We're particular fans of this surreal 404 page, which somehow manages to perfectly capture the pain of hitting a digital wall. 

08. Pixar

404 page: Pixar

Image: Pixar

Some people can take things just a little too much to heart. Pixar's 404 page, featuring Sadness from 2015's hugely popular Inside Out, is simple, straightforward and does the job. If it's representative of your reaction to getting a 404 error, though, then maybe you need to re-examine your life a little.

09. Matteo Vandelli

You don't need to be a major brand to put a bit of effort into your 404 page. We love this interactive example from graphic designer Matteo Vandelli. He's used the error page from his design portfolio as another opportunity to show off his creativity and design savvy. As the visitor mouses over the 404 text, it ripples and shifts like water. The effect is strangely mesmerising.

10. 20th Century Fox

404 page: 20th Century Fox

Can't find the film you want? Fox Movies' site has a great way to inspire you for when you get a URL wrong; its 404 page pops up with a still from a cult movie, with a pithy caption and a selection of other films you might like to watch. We've spotted snippets from Edward Scissorhands, Revenge of the Nerds and Napoleon Dynamite, amongst others (take a look to see which one you get).

11. Cloud Sigma

404 page: cloud sigma

Cloud Sigma is a cloud server and cloud hosting service operating in the US, Europe and Asia-Pacific region. While flexible cloud servers are useful, they're not exactly fun, which we guess is why the company has made a little extra effort to inject some humour into its tongue-in-cheek 404 error page. We wonder how long it'll be before this helpful-looking junior developer gets poached by the competition.

12. BluePath

bluepath 404 page

Another website to use humour on its 404 error page is Atlanta-based data strategy consulting firm BluePath. The page shows a map of Atlanta, with a dot on the other side of the page indicating the visitor is 'Wayyyy off the map'. In an extremely tenuous link, the map also includes data-driven info showing reported crimes in the area. "Why? Because it’s a crime you haven’t hired us yet!" Ah, these whacky data analysts.

13. Marvel

Marvel keeps things solidly on-brand by basing its 404 error page on the universe's Watcher. Perhaps because Uatu isn't much of a looker (sorry), Marvel has decided to pander to visitors more shallow than ourselves and add his eye only, against the backdrop of Black Widow. Extra cool points for making the eye follow the visitor's cursor round the screen. 

14. Kualo

Web hosting company Kualo has been in business for over 15 years – an eternity in internet time – and its 404 page harks back to yesteryear by treating visitors to a game of Kualo-themed Space Invaders. It's not perfect. The key strategy of picking off the fleet's outer edges to slow the invaders' descent doesn't work, for starters. But it is fun, and it can earn you a discount on your hosting deal if you manage to score over 1,000 points. Play it here.

Its inclusion in this article has also inspired US pest control company Pointe Pest Control to include its own Pest Invaders game on its 404 error page, complete with different flying and crawling bugs to spray. 

As Chloe Zollinger from Pointe says: "Reaching a 404 error page is most often frustrating for a site user. We understand how important user experience on a webpage is. To better our visitors' experience, our team dedicated themselves to creating an interactive game on our 404 page."

15. Waaark

404 page: waark

French studio Waaark's 404 page is nice enough to look at, but it's better to listen to – although maybe not at work. Inspired by Stephen Hawking, the Hitchhiker's Guide to the Galaxy and Portal, it uses a JavaScript text-to-speech tool called meSpeak to subject you to a sweary robotic tirade. Plug your headphones in and take a look.

16. Steve Lambert

New York-based artist Steve Lambert describes this as "the most awkward 404 not found page on the internet", and you know, he may well be right. It features an excruciating piece to camera that just goes on and on. We defy you to get to the end of his video without any part of your body clenching.

Next page: More inspiring 404 pages to explore

17. Victoria Spicer

Victoria Spicer 404 error page

Image: Victoria Spicer

Victoria Spicer is a set designer and prop stylist based in London. As you'd expect, her portfolio site is packed with beautiful photography, and her 404 error page is no different. It shows off her playful side while still keeping things looking polished. 

18. Figma

Even though we have a copy of Illustrator CC right here, and could play with anchor points and Bézier curves literally any time we want, we're still entranced by Figma's 404 page. Oversized 404 text is rendered in vectors that you can reshape to your heart's content. Have a go for yourself.

19. Airbnb

This 404 page from Airbnb features a simple-but-delightful animation of an unlucky girl dropping her ice-cream on the floor. Airbnb has built its reputation on being personable and friendly, and this 404 page suits its brand image perfectly.

20. Hot Dot Production

Hot Dot Productions has applied its 'where design meets technology' tagline to its impressive 404 page, which features the three numbers made up of hundreds of tiny dots that change direction or disperse in response to the visitor's mouse movements. Seriously cool. Play around with it yourself here.

21. Lego

LEGO can do no wrong in our eyes (have you read our piece on how Lego reinvented itself as a super-brand yet?). We love this 404 page with leading Lego Movie character Emmet taking centre stage, and, reminding us that everything is still awesome.

22. GitHub

You'd expect some tech wizardry from a website dedicated to code versioning. The 404 page targets a different kind of geeks with a simple Star Wars parody elevated by a smart parallax effect when you move your mouse. GitHub also has a nice 500 page for when the server breaks.

23. CSS Ninjas

The web design world loves ninjas. Often as part of a self-styled job title. Falling in with the trend (and, we guess, its name), the 404 page for CSS Ninjas features a clean, stylised illustration that reflects the site's general approach to design.

24. MailChimp

In autumn 2018, ultra-hip email newsletter service MailChimp underwent a rebrand, and its 404 page has a new look to match. The new-look error page features on of the off-beat, naive illustrations around which MailChimp's new branding centres. And really, what says 'I'm lost' better than a donkey with its head in a hole? 

25. Volta Footwear

404 pages: Volta

Image: Volta

Volta is a footwear store based in Milan. Its website includes plenty of cool UI design touches, and we like that it's not just gone for a standard 404 page, either. Good quality, dedicated product photography with a quirky touch – a miniature marble statue that nods to the flagship store's Italian home – help elevate this error page. 

26. Bret Victor

Computer scientist Bret Victor's 404 page, inspired of course by René Magritte's iconic painting, The Treachery of Images, confronts the viewer with some challenging philosophical questions. If this is not a page, then what is it? What constitutes a 'page'? Is it a thing that can be truly said to exist? What is the 'this' that this apparent non-page is referring to? Is anything truly real? Makes you think, no?

27. IMDb

Another awesome, movie-based 404 error page can be found on the IMDb website. This comprehensive database of film facts has jazzed up its 404 page with iconic quotes from famous films, subtly edited to fit their new purpose. Take a look to see which one you get.

28. Bit.ly

Bitly 404 page

Image: Bitly

The 404 page for link shortening service Bit.ly features a cute Pufferfish bobbing upside-down in an interactive sea. The stranded fish responds to your mouse movements, and subtly animation details in the clouds and seagull help create a calming mood.

29. DropBox

DropBox has replaced the Escher-esque impossible box that adorned its 404 page for years, with a similarly quirky illustration. We like to think of an abstract representation of everything going wrong – the wheels coming off. It's a nice, simple hand-drawn illustration that gets the message across well, with plenty of helpful navigation links for a top user experience.

30. eHarmony

The last thing you want to hear when you're looking for love is that it can't be found. Online matchmaking service eHarmony's 404 page softens the blow with the news that while the page you're after is unavailable, there are still about half a million fish left in the sea.

31. Starbucks

Starbucks makes good use of its primary product to illustrate its 404 message. In this instance, the tell-tales signs of a missing coffee cup are used to tell the story. There's also some jargon-free copy to help the user find what they were looking for.

32. Blizzard Entertainment

Video game developer Blizzard keeps it simple and on brand with its 404 page. An animated character grabs the attention with a message telling visitors 'We've dispatched a rescue murloc to guide you back to safety'. Not sure what 'Mmmrrgmgrrrgmmll!' means but hit the button and back to the home page you go. 

Related articles:

The best website builders in 201910 painful UI fails (and what you can learn from them)27 top character design tips

Adobe Fresco review

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/d2ckugSuddo/adobe-fresco

Adobe Fresco is a great new drawing app, which mimics some of the best elements of other fine art programs (we're looking at you, Procreate) for iPad. However, there's no doubt the app is marred by its pricing and subscription model, and is slightly underwhelming when compared to other established desktop software. 

It falls particularly shot in its most talked about selling point, the much-hyped ‘Live Brushes’. For those new to art apps and programs, Fresco’s new ‘living’ brushes will seem wondrous and an exciting party piece as they aim to replicate real world mediums. However, there are a number of other, more professional programs available for tablets that do the job better, and therefore whether Fresco gets a spot in our best apps for iPad still remains to be seen. 

At £10 a month, Adobe Fresco is unfortunately a high price for hobby artists and non-Adobe users in a busy and established market where one off app payments are the norm. But for Creative Cloud subscribers, it’s another fine tool alongside its Adobe app family.

Adobe Fresco review: Interface

Adobe Fresco review

Fresco’s interface is simple and intuitive

Fresco’s interface is simple and intuitive, making it easy enough for beginners to get cracking on the canvas quickly, yet offers enough controls for pros to feel this is attempting to be a serious program for them too. 

There's no doubt Fresco is geared towards Creative Cloud users, with Cloud documents seamlessly bridging computers through to Fresco, integrating its workflow with Photoshop and Illustrator by mixing both raster and vector brushes. 

The Home screen is simple, if a little stark, but everything is easily laid out meaning you can get to work swiftly. Recent work, an online gallery of other Fresco community users, tutorials and options to create new or import/open other files are all clearly written out and not hidden behind odd icons as many programs do. 

Once you have a new canvas open, the simplicity continues with all elements being quite self-explanatory and shouldn’t be daunting for new doodlers and feel second nature for photoshop users. The UI is customisable to your workflow, including full-screen mode, which clears the screen so it’s just you and your masterpiece. All brush panels can be grabbed and docked where you need them, again to aid in setting up your space just as you like it so as not to detract from your creative experience.

Adobe Fresco review: Live Brushes

Oil painting and watercolours are a tactile, messy pastime and effuse memories of classroom mishaps and the pungent whiff of turps. They are hands on, visceral and at times an absolute swine to control. It is this malleable evocative danger that makes them so appealing to artists and why most digital art programs miss the mark widely by being too synthetic or not blending colours well with paint sitting flatly in layers. 

I have been using digital painting programs for five or six years now as a portrait illustrator, and whilst Fresco is a great start (the watercolour brushes are particularly good), it does feel a little underbaked. 

First-time users and onlookers will no doubt watch on in awe as the paint mix and watercolour bleed into one another on their iPad screens for the first time. However, if you're experienced with the best digital art software, it will feel much like a polished but basic option.   

Adobe Fresco review

The live brushes were the main selling point of Adobe Fresco, but they’re being done better elsewhere

Despite Fresco’s fun and easy-to-use nature, when one delves deeper it’s clear these brushes need more work and options to truly make them living like other apps such as ArtRage and the watercolours dripping with life in Expresii and Rebelle as they blend, spread and interact with textures and the tilting and wetness of paper in a far more believable and unharnessed manner. The Adobe oil brushes lack depth, sheen, lighting and texture and, as such, produce artwork that seems a little dead or fake next to it’s real life counterparts. 

There is only one option for canvas texture, which can be togelled on or off. The lack of paper textures, which should affect the paints flow and drag, result in a uniformity that is more digital than (Edgar) Degas. Flow is determined by pressure alone and not by how much paint is on the brush, subsequently the paint strokes never run out unless you lift the stylus off the screen, meaning those beautiful mistakes and thick splodges of real oils etc can’t be achieved. 

There is no palette knife (as can be found in Artrage) to cut into the chunky paint and imitate the visceral strokes of Francis Bacon or German expressionists etc. Maybe we were expecting too much from a fledging app and should be more patient to wait for future updates? However the live brushes were the main selling point of Fresco and, in truth, these features have been already done better elsewhere.  

Adobe Fresco review: Pixel Brushes

Adobe Fresco review

Adobe Fresco has a fantastic selection of pixel brushes

Although normal raster brushes are seen as a staple of any art app, this is where Adobe Fresco has made the best start. The brush collection out of the box is wide and varied for all drawing and illustration styles, from comic and inking, through to chalk and painting. 

Each brush feels well thought out and works very well with a plethora of options, including smoothing, hardness, shape dynamics, scattering and blending. Each can be tweaked to suit most styles and the ability to import Photoshop brushes makes this area of Fresco exciting and shows a clear path for future development which could perhaps, in time, rival Procreate. That said, the lack of text and animation options means, for many creatives, Fresco will still have to buddy up with other programs to finish the job.

Adobe Fresco: Raster, Live Brushes and Vector in one illustration

The option to blend vector, live and pixel brushes is excellent, and the way Fresco automatically picks a new layer when doing so is very welcome for artists who tend to get into the flow of the piece and forget to do anything with layers until it’s too late.

This feature will no doubt be very popular with artists who have to switch between apps continuously. This pixel/vector trick isn’t a new one and has been seen in Affinity art programs, but the addition of the Live brushes does set Fresco apart. If Adobe can build on this feature and add more depth to the live brushes along with more vector controls and brushes it could truly start to become a daily driver for creatives.

Adobe Fresco review: Touch Shortcut

Adobe Fresco review

The touch shortcut button is a new handy feature from Adobe

The touch shortcut button is a new handy feature from Adobe, which when held down temporarily changes the action of the tool in use. When used with the Pixel Brush, it erases using the current brush selection, with the Live Brushes it paints with clear colour and alters many more options with selections and layers. 

The button can be pushed around the screen to suit your preference and works well, though can feel a little alien and jarring to more traditional artists who want all the creativity to come working with one hand. The actions can be learned in the handy help area signposted by the question mark in the top right, which offers simple instructions to learn the new gestures and tools on offer – great for new users.

Adobe Fresco review: Brush Preview and recent colour palette

adobe Fresco review

Fresco not only offers a window in which you can see the changes you make to the brush

Making changes to default brushes can be daunting, especially as so many programs don’t offer a preview of what your stroke will look like when used. Fresco not only offers a fantastic window in which you can see the changes to the brush as you tweak the parameters, but you can also have a quick doodle in the window to test it out for yourself without having to apply direct to your artwork.  

Fresco also displays your recent colour choices from a drop-down tab in the colour wheel. For artists who tend to neglect an illustrations overarching colour palette until they've got started and felt their way around the painting, this tool is invaluable. No more trying to eyedrop tiny flecks of colour already used. More programs need these  kind of time-saving features. 

Adobe Fresco review: Editing and pro level tools

As you’d expect on any self-respecting art new program, the usual suspects of draggable layers, masking, selection tools and blending options are all here. As a more traditional thinking artist, I don’t have too much use for many of these apart from the layer rejigging and blending options, but all worked well when tested.

Adobe Fresco review: Saving and exporting your masterpiece

So you’ve finished your illustration, but what next? Pushing the Publish and export button at top of the screen opens up various options to suit all needs. Users can quickly export their work as a snapshot jpg (this can be changed to suit your most frequently used file type), which can then be saved or shared swiftly. 

For more formal saving of your work hit the Publish and Export button and select export as to choose from various levels of quality PNG, JPG, PSD and PDF files. Your artwork can also be exported direct to Behance. Every stroke of your art is recorded in Fresco and this too can be exported from this area and works fantastically well, again drawing parallels with Procreate but falls slightly short in missing choice of replay length.

Adobe Fresco review: Should you buy it?

Adobe Fresco review

There’s no software that currently emulates watercolours as well as Adobe Fresco

If Fresco was a one-off payment of £6.99, we would not be having the discussion about buying it or not, it would be a no-brainer. A fine, fun tool to have, which could be invaluable for many and handy for others. 

However, with the £10-a-month subscription model, this is too much for most when a creative may only need one killer brush or feature within it. This will obviously change as Adobe develops Fresco but right now it's just awesome for CC users, rather than an invaluable one-stop tool for all.

The features and presentation of Fresco are all well executed and bode well for future evolution, and as previously mentioned, there's no software that currently emulates watercolours as well. However, there are a plethora of desktop applications which do the living paint trick far better and with more professional results. 

This leads us to wonder who is Fresco for? It lacks the depth and options in its current iteration to fully satisfy all professional illustrators but many hobbyists will find it works just fine for them. With Procreate 5 on the horizon, Fresco needs to ramp up the features swiftly to bring on board animators, concept artists and oil portrait artists as currently, as a non-Creative Cloud subscriber, there just isn’t enough in there to draw me away from Artrage on Surface Pro and Procreate on my iPad. 

All the right elements are there for Adobe to develop upon and creative a powerful tool, which can appeal to all so although its currently a little underwhelming in certain areas, it's exciting to think what the future holds for Fresco and its growing community.


7 Reasons Why Video Improves Content Engagement and SEO Rankings

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/r2oExB4i-GM/7-reasons-why-video-improves-content-engagement-and-seo-rankings

Thanks to the internet, anyone can create an effective personal brand with the help of tools like social media and blogs. It’s also important to note that as time progresses, video content continues to dominate as one of the most effective ways to achieve engagement with followers and rank in the search engines. This is […]

The post 7 Reasons Why Video Improves Content Engagement and SEO Rankings appeared first on designrfix.com.

Minimalist Brand Identity and UX/UI Design for Uinetry™

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/-a9Mld3NdyU/minimalist-brand-identity-and-uxui-design-uinetrytm

Minimalist Brand Identity and UX/UI Design for Uinetry™
Minimalist Brand Identity and UX/UI Design for Uinetry™

abduzeedoOct 28, 2019

Hrvoje Grubisic shared a beautiful brand identity and UX/UI design on his Behance profile for Uinetry™. You’ve probably noticed that we launched a new design and we focused on simplicity, so as you expect this project I am sharing with you here is another example of minimalist and still very elegant style. I love the grid system and how the whole system works so well, going from the logotype to collaterals and digital. As I work on a system for ABDZ I will definitely keep this project in mind for reference.

Hrvoje is the head of design at Bornfight located in Zagreb, Croatia. For more information make sure to check out http://www.bornfight.com/

Brand Identity and UX/UI

Image of the brand identity for UinetryImage of the brand identity for UinetryImage of the brand identity for UinetryImage of the brand identity for UinetryImage of the brand identity for UinetryImage of the brand identity for UinetryImage of the brand identity for UinetryImage of the brand identity for UinetryImage of the brand identity for UinetryImage of the brand identity for Uinetry


78 best free fonts for designers

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/i3USGPEdp_M/best-free-fonts-for-designers-1233380

Searching for the best free fonts can be a massive time-suck. You find yourself scrolling through thousands of seemingly similar fonts before frustratingly realising that your perfect font is miles out of your price range.

Luckily, there are tonnes of free fonts out there, and we've cherry picked the best ones available for you to download right now. And even better, we've divided them intro eight useful categories so you can save your scrolling finger and spend more time using the new free fonts you've discovered. (For more fonts you'll really enjoy, head over to our fun font post). Our categories are:

Serif fonts – often found in projects involving lots of text, such as books, newspapers and magazines.Sans serif fonts – commonly used for shorter text settings, such as captions and credits. Sans serifs are also a good choice for an audience of young children or anyone learning to read.Handwriting fonts – lend an authentic handwritten feel to designs. Often used on invitations or cards.Retro and vintage fonts – for transporting your designs back in time. These fonts also work really well in sci-fi-themed artwork. Brush fonts – like handwriting fonts, these are ideal for adding that handwritten touch, for example on invitations or greeting cards.Tattoo fonts –  these free fonts can be just the thing for a tattoo design.Graffiti fonts – for adding an urban, gritty edge to any project.Unusual fonts – because some free fonts defy categorisation.

If you're after multiple fonts but aren't sure which typefaces will work together, our list of perfect font pairings should help. And if you don't know the difference between a font and a typeface, read our post on font vs typeface to find out. 

Note that at the time of writing, the typeface collections listed here can be used in your projects for free, but please be sure to check the terms of use before you download these free fonts, as some are only suitable for personal, not commercial, use.

So what are you waiting for? Find and download your perfect free font right here.

The best free fonts: Serif fonts
01. Colus

free fonts

Add a touch of sophistication to headlines with Colus

Colus is a free display font inspired by stone and wooden carved letter inscriptions. It has a classical, almost noble appearance and is great for creating imposing headlines, adding a touch of class to logos and introducing sophistication to poster designs. 

Free for personal useDOWNLOAD HERE
02. Amagro

Free font - Amagro

Amagro is a majestic all caps serif font

Amagro is an all caps serif typeface brought to the design community by Fabio Servolo. It has strong angular serifs that make it perfect for imposing newspaper style headlines. A classy ampersand and neat easy-to-read numerics also mean it's ideal for getting your designs noticed. Additional weights are available on request if you want them.  

Free for personal and commercial useDOWNLOAD HERE
03. Woodland

best free fonts: Woodland

Woodland has an understated elegance

Woodland is an elegant sans font with six weights designed by Mathieu Desjardins for Pangram Pangram. Commercial licences start from $30 but you can try Woodland for personal use for free. It's a versatile font that would work in body copy as well as titles, and there's an understated elegance to it that we really like. 

Free for personal use (commercial licences available)DOWNLOAD HERE
04. Giveny

Giveny free font

Add a touch of class to your designs with Giveny

This classy free font lends a sophisticated feel to your project. It looks good on arty magazines, posters, greetings cards or quotes, and was created by Craft Supply Co. Multi-lingual characters are available, as are a range of punctuation marks. To use the font in your commercial projects, you can buy it for $16.

Free for personal useDOWNLOAD HERE
05. Blacker

Blacker free font

Blacker is not your average serif font

Blacker is not your average serif font. And that's why we love it. A twist on a classic design, Blacker is a wedge serif font family, created by Cosimo Lorenzo Pancini and Andrea Tartarelli. The designers' Behance page states Blacker is a "take on the contemporary 'evil serif' genre: typefaces with high contrast, 1970s-evoking proportions and sharp wedge serifs".

Blacker is available in six weights, from light to heavy, with matching italics. Prices for Blacker start from $25, however you can currently get Blacker Text Light and Blacker Display Medium Italic completely free. 

Free for personal use (two weights only)DOWNLOAD HERE
06. Poly

Best free fonts: Poly

Poly is legible on the web even at smaller sizes

Poly is a medium contrast serif font for web use. It was designed by Nicolás Silva to give increased legibility than other web serifs even at smaller point sizes. It achieves this with a vertical emphasis, utilising short ascenders and a very high x-height to ensure clarity.

Free for personal and commercial useDOWNLOAD HERE
07. Coldiac

Coldiac free font

There’s more than a touch of luxury to this free font

For a luxurious serif font, look no further than Coldiac. It works well for a small amount of body text, or for headlines, print ads and other marketing materials. What makes Coldiac stand out is "the relatively low contrast of strokes, the slightly squarish shapes of round characters and the emphasised businesslike nature", according to its creators. A commercial version of the font – which includes multilingual characters and illustrations is available for $15.

Free for personal useDOWNLOAD HERE
08. Bitter 

Best free fonts: Bitter

This serif font is designed to work well on screens

Sans-serif fonts tend to work better for screen use, but this free slab serif typeface has been specially designed to provide a comfortable reading experience on screens. Bitter was designed by Sol Matas, and is available through Argentinian type collaborative Huerta Tipográfica. It combines generous x-heights with minimal variation in stroke weight. 

Free for personal and commercial useDOWNLOAD HERE
09. Casa Stencil

free fonts: Casa Stencil

Add some elegance to your designs with Casa Stencil

Casa Stencil is an extremely elegant stencil font that you probably won't want to use in large quantities. It's great for headings and making a statement with your type, though. It comes with language support and accents, and if you did want to buy a commercial licence ($20), you get some rather pleasing posters of the font thrown in for free. It's by Mathieu Desjardins, the same designer who created Woodland (above).

Free for personal useDOWNLOAD HERE
10. Playfair Display

Best free fonts: Playfair display

This free font family is an open source project

This free serif display font takes inspiration from the late 18th century European Enlightenment and the work of type designer John Baskerville. The high-contract letterforms have delicate hairlines, relating to the rise in popularity of pointed steel pens, which took over from the previous broad nib quills during this period. The typeface design is a project led designed by Dutch designer Claus Eggers Sørensen.

Free for personal and commercial useDOWNLOAD HERE
11. Lora

Best free fonts: Lora

Brushed curves contrast with driving serifs in this free font

Lora is a free font that has its roots in calligraphy. It was originally designed for type foundry Cyreal in 2011, with a Cyrillic extension added in 2013, and comes in four styles: regular, bold, italic, and bold italic. 

Brushed curves contrast with driving serifs to give this free font a well-balanced, contemporary feel. Although Lora is technically optimised for use on the web, it also works well in print projects.

Free for personal and commercial useDOWNLOAD HERE
12. Butler

Inspired by both Dala Floda and the Bodoni family, Butler is a free font designed by Fabian De Smet. His aim was to bring a bit of modernism to serif fonts by working on the curves of classical serif fonts, and adding an extra stencil family.

The Butler family contains 334 characters, seven regular weights and seven stencil weights, and includes text figures, ligatures and fractions. It also suits many different languages with its added glyphs. De Smet suggests it would work well for “posters, very big titles, books and fancy stuff”.

Free for personal and commercial useDOWNLOAD HERE
13. Crimson Text

Best free fonts: Crimson text

Crimson Text is a free font family inspired by old-time book typefaces

Here’s a free font family created specifically for book production, inspired by old-time, Garamond-esque book typefaces. Crimson Text is the work of German-born, Toronto-based designer Sebastian Kosch, who says he was influenced by the work of Jan Tschichold, Robert Slimbach and Jonathan Hoefler. 

It’s also favourite free font of Taylor Palmer, a senior UX designer based in Utah, USA. "Crimson is a sophisticated serif that makes a nice alternative to traditional Garamond-esque typefaces,” he says. “It also has a very expressive italic, which pairs nicely with strong, geometric sans-serifs like Futura or Avenir."

Free for personal and commercial useDOWNLOAD HERE
14. Aleo

Best free fonts: Aleo

Aleo is one of those rare free fonts that manages to perfectly balance personality with legibility 

Aleo has semi-rounded details and a sleek structure, giving a sense of personality while maintaining a good level of legibility. This free font family comprises six styles: three weights (light, regular and bold), with corresponding true italics. Released under the SIL Open Font License, it was designed by Alessio Laiso, a designer at IBM Dublin, as the slab serif companion to Lato.

Free for personal and commercial useDOWNLOAD HERE
15. Brela

Best free fonts: Brela

Free font Brela works well in editorial designs, both for headlines and body text

Brela is a humanistic serif font designed exclusively for editorial design. With a generous x-height, it’s very legible, even at tiny sizes, yet it works equally well in bold, large headlines. This free font was designed by Spanish creative agency Makarska Studio and comes in regular and bold weights.

Free for personal and commercial useDOWNLOAD HERE
16. Libre Baskerville

Best free fonts: Libre Baskerville

Free font Libre Baskerville is optimised for reading body text on screen

Libre Baskerville is a web font optimised for body text (typically 16px). It’s based on the American Type Founder's Baskerville from 1941, but it has a taller x-height, wider counters and a little less contrast, allowing it to work well for reading on screen. This open source project is led by Impallari Type, a type design foundry based in Rosario, Argentina. 

"I like to keep my eye on the Libre fonts, like Libre Baskerville,” enthuses Taylor Palmer, a senior UX designer based in Utah, USA. He also recommends you check out its sister font, Libre Franklin, which is also free. “Libre Franklin hearkens back to strong, traditional typefaces, like Franklin Gothic, that have the declarative nature of something like a newspaper headline but are simple enough to set as paragraph text," he explains.

Free for personal and commercial useDOWNLOAD HERE
17. Slabo

Best free fonts: Slabo

A modern serif font tuned to pixel perfection

Slabo was designed by John Hudson, co-founder of Tiro Typeworks foundry. Slabo is a growing collection of size-specific web fonts, with Slabo 27px and Slabo 13px out so far, fine-tuned precisely for use at those specific pixel sizes. The blocky feel of its ligatures give a modern twist to the serif font, perfect for online designs.

Free for personal and commercial useDOWNLOAD HERE
18. Merriweather

Best free fonts: Merriweather

Merriweather is featured in more than 3,000,000 websites, according to Google Fonts

A truly open source free serif font, Merriweather has its own project on GitHub. It was designed by Sorkin Type to be easy to read on screens, particularly. "It features a very large x-height, slightly condensed letterforms, a mild diagonal stress, sturdy serifs and open forms," it says.

Free for personal and commercial useDOWNLOAD HERE

Next page: Free sans-serif fonts

The best free fonts: Sans-serif fonts
19. Red Hat

Best free fonts: Red Hat

Fedora not required

If you're not down with Linux and open source then this name's not going to mean a lot to you; don't worry too much about that, because all we're interested in here its font, designed by Jeremy Mickel as part of its Pentagram-led branding exercise. Red Hat, the font, is inspired by American sans serifs, and comes in two optical sizes and a range of weights. And like Linux itself, it's free to use (but a lot easier to get to grips with).

Free for personal and commercial useDOWNLOAD HERE
20. Public Sans

Best free fonts: Public Sans

A sensible sans for serious projects

Based on Libre Franklin and created as part of the United States Web Design System, Public Sans is a free, open source web font designed to be used in interfaces, text and headings. It's a strong, sober font with a neutral look, plenty of weights and as few quirks as possible; ideal for serious projects where you're trying to avoid unnecessary visual distraction.

Free for personal and commercial useDOWNLOAD HERE
21. Loki

Best free fonts: Loki

Loki is great for titles

Loki is a bit of a hybrid font, it's a hand-written brush script with a sans serif base, and contains some rather pleasing curves. Loki was created by Krisjanis Mezulisand Ieva Mezule – apparently the name was inspired by the "trickster" Norse god, Loki. This is one for making a statement, and works particularly well in large titles.

Free for personal and commercial use DOWNLOAD HERE
22. Manrope

Free fonts: Manrope

This modern typeface comes with icon ligatures

Manrope was created by Michael Sharanda, and is an open-source font family that was designed for multiple, modern uses: it works in titles, paragraphs, print and on the web. This is the second version of the font, and comes in seven styles. There's no italics available (the creator believes italics isn't necessary in modern times), but the font covers most Latin and Cyrillic languages. It also has clever features such as the ability to automatically switch to straight or curly quotes.

Free for personal and commercial use (see terms for commercial use)DOWNLOAD HERE
23. Salt

free fonts: salt

Atmospheric font Salt comes in two weights: regular and bold. It was created by Masha Chuprova and has a 'low centre of gravity'. We love the octopus illustrations used to demonstrate it, too. It's free for personal and commerical use, though you'll need to give your name and email to Pixel Surplus in order to download it. 

Free for personal and commercial useDOWNLOAD HERE
24. Alcubierre

Best free fonts: Alcubierre

This clean, minimal font works for a variety of uses

Geometric sans serif typeface Alcubierre is the work of designer Matt Ellis. Following in the footsteps of his original free font Ikaros, this clean, minimal typeface works for a variety of uses. Ellis is super-generous too, offering both designs to all totally free for both personal and commercial use. 

Free for personal and commercial useDOWNLOAD HERE
25. Moon

Best free fonts: Moon

Moon is free for personal use

Moon is a rounded, sans-serif font that comes in three weights and has recently been updated to include a lowercase. It's the work of designer Jack Harvatt, who has made it available to download on his Behance page. Moon is free for personal projects, but if you want to use it commercially you'll need to pay for a licence. 

Free for personal use onlyDOWNLOAD HERE
26. Big John / Slim Joe

Best free fonts: Big John and Slim Joe

These two sans-serif fonts work together perfectly

Big John was created by designer Ion Lucin for his personal use. Eventually, he decided to share it on Behance, and then went on to add an ultra-light sister font: Slim Joe. Both are all-caps fonts, and contrast perfectly when combined together. These fonts are ideal for titles and headlines, and can be downloaded for free on Behance. 

Free for personal and commercial useDOWNLOAD HERE
27. Titillium Web

Best free fonts: Titillium

Titillium is a free font that works best at larger sizes

For a free font, Titillium has a highly respectable pedigree, born of a type design project at Italy’s Accademia di Belle Arti di Urbino. Each academic year, a dozen students work on the project, developing it further and solving problems, and they ask all graphic designers who use Titillium in their projects to email them some examples of the typeface family in use, to help them develop it further.

“Titillium has been a favourite font of mine for a few years now,” says Rob Hampson, head of design at The Bot Platform, a platform for building bots on Messenger. “It’s sharp, contemporary and comes in a wide range of weights. In my opinion, it works best in larger sizes; for example, for titles. That said, with careful consideration, it could be used as a body font.”

Free for personal and commercial useDOWNLOAD HERE

28. Atami

free fonts: Atami

Atami is a bold font with a modern feel

Atami's a pretty experimental typeface, and that's why we love it. It comes in two different weights and three styles and would be ideal for creating posters and logotypes. It was made by Andrew Herndon and is free for both personal and commercial use, although donations (as always) are appreciated. 

Free for personal and commercial useDOWNLOAD HERE
29. Chivo

Best free fonts: Chivo

Chivo is one of the most eye-catching free fonts around

Chivo is a grotesque typeface that’s ideal for headlines, and other page furniture where you want to grab attention. Both confident and elegant, it’s been released in four weights with matching italics. This free font is the work of Héctor Gatti and the Omnibus-Type Team.

Free for personal and commercial useDOWNLOAD HERE

30. Comfortaa

Best free fonts: Comfortaa

Free font Comfortaa could work well in a logo design

Comfortaa is a rounded geometric sans-serif type design intended for large sizes. Created by Johan Aakerlund, a design engineer at the Technical University of Denmark, it’s a simple, good looking font that includes large number of different characters and symbols. Part of the Google Font Improvements Project, the latest updates to the family include the addition of a Cyrillic character set and support for Vietnamese. 

David Airey, a graphic designer and occasional writer in Northern Ireland, is among its admirers. “A lot of free fonts need too much work cleaning up the points, but that doesn’t mean you can’t find good options,” he says. “For an identity project, I used Comfortaa as the base for a bespoke wordmark. The before and after are really quite different, but Johan’s work gave me a great foundation, and the client loves the result.”

Free for personal and commercial useDOWNLOAD HERE
31. Noto Sans

Best free fonts: Noto Sans

Free font Noto Sans supports more than 800 languages

Noto Sans is a free font family designed by Google supporting more than 100 writing systems, 800 languages, and hundreds of thousands of characters. Noto fonts are intended to be visually harmonious across multiple languages, with compatible heights and stroke thicknesses. The family include regular, bold, italic and bold italic styles, and it has a serif sister family, Noto Serif.

Free for personal and commercial useDOWNLOAD HERE
32. HK Grotesk

Best free fonts: HK Grotesk

HK Grotesk is one of our favourite free fonts for casting small text

HK Grotesk is a sans-serif typeface inspired by the classic grotesques, such as Akzidenz Grotesk, Univers, Trade Gothic and Gill Sans. It was designed by Hanken Design Co with the aim of creating a friendly and distinguishable font that’s suitable for small text. It has recently expanded its language support with the addition of Cyrillic characters (Bulgarian, Russian and Serbian).

Free for personal and commercial useDOWNLOAD HERE
33. Aileron

Best free fonts: Aileron

One of our favourite hybrid free fonts, Aileron is a relaxed choice for on-screen reading

Aileron is a versatile, neo-grotesque sans-serif that’s somewhere between Helvetica and Univers. Created by Sora Sagano, a designer at Tipotype, it aims to provide readers with a high level of visual comfort. It’s available in 16 weights, from ultralight to black. 

Free for personal and commercial useDOWNLOAD HERE
34. Ubuntu

Best free fonts: Ubuntu

Ubuntu is a custom-designed free font for screen use

This free font has been specially created to complement the tone of voice of Ubuntu, the Linux operating system for personal computers, tablets and smartphones. Designed by font foundry Dalton Maag, it uses OpenType features and is manually hinted for clarity on desktop and mobile screens. 

Free for personal and commercial useDOWNLOAD HERE
35. Clear Sans

Best free fonts: Clear sans

Who knew Intel did free fonts?

Clear Sans is a versatile font designed by Intel designed with on-screen legibility in mind. Suitable for screen, print, and web, this free font is notable for its minimised characters and slightly narrow proportions, making it a great choice for UI design, from short labels to long passages (it has, for instance, been adopted by Mozilla for the ‘Firefox for Android’ browser). 

Created by Daniel Ratighan at Monotype under the direction of Intel, Clear Sans supports a wide range of languages using Latin, Cyrillic and Greek, and includes medium, regular, thin, and light weights with upright, italic, and bold styles.

Free for personal and commercial useDOWNLOAD HERE
36. Source Sans Pro

Best free fonts: Source sans pro

Adobe’s first foray into open source type, Source Sans Pro remains one of the design community’s most popular free fonts

Released in 2012, Source Sans Pro was the first open source type family for Adobe, and has proved wildly popular. It was envisioned as a classic grotesque typeface with a simple, unassuming design, intended to work well in user interfaces. It was designed by Paul D. Hunt,  who continues to work as a type designer at Adobe.

Source Sans Pro is one of the favourite free fonts of James Hollingworth, a senior-level digital designer and illustrator based near Bath, UK. “It’s such a solid, reliable font to use in design work,” he enthuses. “Being dyslexic myself, I find it a very easy font to read, and it works brilliantly in user interfaces.” 

Free for personal and commercial useDOWNLOAD HERE

Also read: 20 fonts every graphic designer should own

Next page: Free handwriting fonts

The best free fonts: Handwriting fonts
37. Timothy

best free fonts: Timothy

Handwritten fonts aren’t all about swirly scrawl

Handwriting fonts don't have to be about swirly letters. In this hand-drawn font, Timothy, it's block capitals that add a hand-written touch. Timothy was inspired by designer Timothy Goodman and is free for personal and commercial use. We think it'd be good for invitations of handwritten notes. 

Free for personal and commercial useDOWNLOAD HERE
38. Kavivanar

Best free fonts: Kavivanar

This slanted handwriting font is based on typical Tamal handwriting

This bold handwriting font was inspired by the slanting letterforms found in typical Tamal handwriting (as well as a Tamil alphabet, it also includes Latin letterforms). Kavivanar was designed by Tharique Azeez, a type designer based in Sri Lanka, and is free to download. 

Free for personal and commercial useDOWNLOAD HERE
39. Tomato Soup

Tomato Soup

The scratchy handmade feel of Tomato Soup is ideal for invitations or to recreate a handwritten note look

If you ever feel like you want to recreate the scratchy handwriting of your doctor or perhaps teacher, this is the font for you. Tomato Soup was made by Typed.one and looks best when there's less text – we wouldn't recommend writing out long chunks of text with it. However, it's ideal for invitations or anywhere where you want to recreate the handmade look. And if it doesn't quite fit the bill, check out our round up of other brilliant free script fonts from around the web. 

Free for personal and commercial useDOWNLOAD HERE
40. Ambarella

Best free fonts: Ambarella

Ambarella is a beautiful calligraphy typeface

Ambarella is a beautiful free font from Polem Studio. The handwritten design in a modern calligraphy style includes various swashes, alternates and Western European characters.

Free for personal and commercial useDOWNLOAD HERE
41. Quefira

free fonts: Querfira

This swooshy font adds style to  your designs

Querifa Script by Vultype Co has swooshing ligatures yet still manages to have an uncluttered feel. It could work in invites or greetings cards, as well as menus and packaging. It comes with numerals and punctuation as well as a stylish set of alternates.

Free for personal and commercial useDOWNLOAD HERE
42. Nickainley

Best free fonts: Nickainley

Nickainley is a free font based on vintage-style handwriting

Nickainley is one of our favourite free handwriting fonts. This Monoline script with a classic, vintage feel, includes uppercase and lowercase characters, as well as numerics and punctuation marks. Offering a variety of possible use cases, including logos, T-shirt designs, letterhead and signage, this free font was created by Indonesian agency Seniors Studio.

Free for personal and commercial useDOWNLOAD HERE
43. Shadows into Light

Best free fonts: Shadows into light

This free handwriting font has rounded edges and a clean feel

Shadows Into Light is the work of type designer Kimberly Geswein. Ideal for adding a personal touch to your projects, this free font features rounded edges and neat, clean characters. It's currently available in one style only, but has already proven extremely popular.

Free for personal and commercial useDOWNLOAD HERE
44. Pacifico

Best free fonts: Pacifico

Pacifico is one of the most laid-back free fonts around

Pacifico is a fun brush script handwriting font inspired by 1950s American surf culture. This open source font was one of the great contributions to the free software community by the late designer Vernon Adams.

Free for personal and commercial useDOWNLOAD HERE

45. Cute Punk

Best free fonts: Cute Punk

Cute Punk is a free font based on handwriting, but with a twist

Cute Punk offers a vibrant, youthful and thoroughly modern take on the handwriting font. Infusing the style with a striking, almost geometric feel, this free font is the work of Flou, a designer and illustrator from Bratislava, Slovakia.

Free for personal and commercial useDOWNLOAD HERE
46. Yellowtail

Best free fonts: Yellowtail

Free font Yellowtail features a classic approach to handwritten, brush lettering

Yellowtail is an old-school, flat, brush font that evokes classic 1930s typefaces like Gillies Gothic and Kaufmann. Designed by typography institute Astigmatic, its mixture of connecting and non-connecting letterforms gives it a unique look and ensures good legibility. 

Free for personal and commercial useDOWNLOAD HERE

Next page: Free vintage and retro fonts

The best free fonts: Vintage and retro fonts
47. Lazer 84

free fonts: vintage and retro fonts: Lazer 84

Inject the ’80s into your projects with this fun font

This retro font fits in a few categories: it's a brush font too. We love its super-'80s vibe, and can just imagine it used as the opening titles of an '80s sitcom. This font was created by Juan Hodgson and is free for personal use, and you can pay what you want to use it for commercial purposes. A Summer 85 font is also available. 

Free for personal use (make a donation for commercial use)DOWNLOAD HERE
48. Nature Sans

Nature Sans

Vintage flourishes make this a fun retro font

Nature Spirit is a vintage font by Alex Joganic of 1871 Project. The retro styling recalls hippy communes and an adventurous spirit, making it well suited for a vintage project. There are two styles – rough and regular – depending on whether you like your lines straight or a little rough round the edges. 

Free for personal and desktop commercial useDOWNLOAD HERE
49. Cheque

Best free fonts: Cheque

Cheque started life as a student project before graduating to a full font

Based on geometric shapes and with a classic, vintage look, Cheque started off as a student project by Fontfabric's Mirela Belova, then grew into a full display font. At its best when used in headlines or compositions, it comes in Regular and Black versions that are free for both personal and commercial use.

Free for personal and commercial useDOWNLOAD HERE
50. Bauru

Best free fonts: Bauru

Bauru is a free font with a lot of soul

Bauru is based on the kind of lettering that instantly sums up the feeling of a bygone age. One of the best free retro fonts, this could work well in portraying a sense of nostalgia and timeless values within a wide range of branding, posters, advertising or logo design. It was designed by Brazilian art director and illustrator Pier Paolo.

Free for personal and commercial useDOWNLOAD HERE

51. LOT 

Best free fonts: LOT

LOT is one of the fattest, coolest, retro-est free fonts around

Reminiscent of the stylised block lettering of 1970s and 1980s advertising, posters and magazine design, LOT nonetheless provides a sleek new take on a vintage style with its collection of fat, geometric letterforms. Featuring 78 characters, this free font would work well in posters, logos and headlines. It’s the work of independent type foundry FontFabric.

Free for personal and commercial useDOWNLOAD HERE
52. Jocker

Jocker free fonts

Jocker works great on vintage logos

Jocker is a vintage font design that's available for free for personal use and has a fun, circus feel, which is great for posters, logo designs and packaging. This font was drawn from scratch and has since had more layers of detail added to it. 

Free for personal useDOWNLOAD HERE
53. Paralines 

Best free fonts: Paralines

Anyone who remembers TV titles of the 1970s and ’80s will recognise the style of this retro-futuristic free font

Featuring idiosyncratic use of parallel lines, Paralines takes inspiration from both decades-old design and modern-day typography. This free font would suit any project aiming to evoke the graphic design of the 1970s and early 1980s. It’s the work of freelance UK designer Lewis Latham. 

Free for personal and commercial useDOWNLOAD HERE

54. Hamurz

Best free fonts: Hamurz

Free font Hamurz offers a hipster take on retro styles

Hamurz is a hipster-style retro typeface with rough edges and rounded shapes. Created by Bagus Budiyanto, it offers a multitude of potential uses, such as logos, headings, or designs for T-shirts, badges or letterpress printing.

Free for personal and commercial useDOWNLOAD HERE

Next page: Free brush fonts

The best free fonts: Brush fonts
55. Festival

Festival free font

Festival adds a summery feel to your designs

If you're gearing up for festival season and want a font that reflects your mood, why not try Festival? This hand-drawn brush font by Pixel Surplus adds a summery feel to your designs and features multi-lingual characters. You could even use it to create a sign to hold up at your next summer gig. 

Free for personal useDOWNLOAD HERE
56. Leafy

Best free fonts: Leafy

Leafy features 95 hand-crafted characters

Featuring 95 unique, hand-crafted characters, Leafy is an all-caps brush font drawn by Ieva Mezule and assembled by Krisjanis Mezulis of Latvian agency, Wild Ones Design. Perfect for any design that could use a personal, handmade feel, it's free for both personal and commercial use.

Free for personal and commercial useDOWNLOAD HERE
57. Playlist

Best free fonts: Playlist

Free brush font Playlist is great for illustrated designs and merchandise

Playlist is a hand-drawn font with dry brush styles that comes in three varieties: Script, Caps, and Ornament. Ideal for illustrated designs, including posters, T-shirts and other merchandise, this is one of our favourites. For more, see our list of free brush fonts. 

Free for personal and commercial useDOWNLOAD HERE

58. Sophia

Best free fonts: Sophie

Free font Sophie offers a decorative take on brush script handwriting

Sophie is light, friendly and slightly off-kilter, in a fun way. Described as “a hand-lettered brush script with a sweet decorative bonus", the family includes multilingual glyphs, as well as left and right stylistic letter combinations. This free font was designed by Mats-Peter Forss and Emily Spadoni, of Finland and the USA respectively.

Free for personal and commercial useDOWNLOAD HERE
59. Reckless

Best free fonts: Reckless

Free font Reckless has an upbeat feel

Reckless is a handwritten brush font that includes uppercase and extended Latin characters. As shown above, it would work well with a watercolour-effect design, either in print or on the web. It was created by Russian designer Nadi Spasibenko.

Free for personal and commercial use (pay with a tweet)DOWNLOAD HERE
60. Kust

Best free fonts: Kust

Brush fonts don’t have to be twee, as free font Kust shows

Kust is a handwritten, all-caps font with a distorted, slightly corrupted look. This free font was based on letters drawn on hard paper, with a thick brush using pure black ink, by fashion designer and artist Leva Mezule. It comes courtesy of Wildtype Design, a studio based in Latvia. 

Free for personal and commercial useDOWNLOAD HERE

Also read: 10 special wedding fonts 

Next page: Free tattoo fonts

The best free fonts: Tattoo fonts
61. Rose Tattoo

rose tattoo free font

Go all out with Rose Tattoo 

Okay, so this one's a little OTT, but what's the point of having a tattoo font if it's not gonna stand out? This font was created by Billy Argel and is free for personal use, meaning you are free to ink it all over your body. Just make sure your design is quite big – we can't see this one being legible in small sizes.

Free for personal useDOWNLOAD HERE
62. Betty

Best free fonts: Betty

Free font Betty is inspired by old-school tattoo art

None of your hipster stars or tribal tattoos here. Betty is one of those free tattoo fonts that reaches back into the past to a bygone age, when every 'real man' had a sailor’s anchor and ‘I heart Mum’ inked on his bicep. This free font is the work of Athens-based designer Anastasia Dimitriadi.

Free for personal and commercial useDOWNLOAD HERE

63. Angilla

Best free fonts: Angilla

Angilla is one of the best free fonts we’ve seen in the tattoo script style

This tattoo script font draws on the spirit of calligraphy to create something extremely fresh and stylish. This free font is the work of Swedish designer Måns Grebäck.

Free for personal use onlyDOWNLOAD HERE

64. Serval

Best free fonts: Serval

Free font Serval offers a scratchy style for tattoo lettering

Another calligraphic font that’s perfect for tattoo stylings, Serval is a wiry, scratchy beast of a design. This free font is the inspired work of Maelle.K and Thomas Boucherie.

Free for personal use onlyDOWNLOAD HERE

65. MOM

Best free fonts: MOM

MOM is a font inspired by the old school tattoo lettering of the American tradition

MOM is a font inspired by the old-school tattoo lettering of the American tradition, and a tribute to the great tattoo artists of the past. This free font is the creation of Rafa Miguel, an art director based in Santo Domingo, Dominican Republic.

Free for personal and commercial useDOWNLOAD HERE
66. Original Gangsta

Best free fonts: Original Gangsta

Original Gangsta is a free font with uncompromising style

Want a tattoo font that shows no mercy? Original Gangsta is a hard-edged script font that’s both stylish and uncompromising. This free font was created by Gilang Purnama Jaya, a designer from Indonesia.

Free for personal use onlyDOWNLOAD HERE

Also read: 52 best free tattoo fonts

Next page: Free graffiti fonts

The best free fonts: Graffiti fonts
67. Ruthless Dripping One

Best free fonts: Ruthless Dripping One

Ruthless Dripping One is one of the few free fonts in the graffiti space that’s keeping it real

Most free graffiti fonts are really just stylised cursives that lack the sense of art, style and playfulness that’s so central to the urban street art scene. Ruthless Dripping One by Swedish designer Måns Grebäck bucks the trend with this free font, which combines calligraphy with paint drips to create something more on the money. 

Free for personal use onlyDOWNLOAD HERE

68. Urban Jungle

Best free fonts: Urban Jungle

Distressed free font Urban Jungle conveys the look of street stencilling brilliantly

Stencils are a big focus of modern day street art, for both practical and aesthetic reasons. Here, Urban Jungle draws on the stencil tradition and adds a distressed texture that instantly evokes the sweat and fury of the street. It’s the work of Canadian typographer Kevin Christopher, aka KC Fonts.

Free for personal use onlyDOWNLOAD HERE
69. Blow Brush

Best free fonts: Blow Brush

Free font Blow Brush is inspired by hip-hop and urban culture

There’s a real energy and boldness to Blow Brush, a handwritten, marker-style font inspired by hip-hop and urban culture. Quirky enough to feel authentic, but formal enough to provide legibility and font functionality, this free font is the work of Petar Acanski, aka Raz, a Serbian multidisciplinary designer and front end developer. It includes a full set of uppercase characters, numbers, 22 ligatures, a selection of special characters and some variations.

Free for personal and commercial useDOWNLOAD HERE

70. Sister Spray

Best free fonts: Sister Spray

Free font Sister Spray brings together spray paint-style letters, numbers and splodges

Sister Spray is a beautifully messy, spray paint-style font that includes letters, numbers and a bunch of splatters, splotches and strokes. This free font is the work of French typeface design workshop ImageX.

Free for personal use onlyDOWNLOAD HERE
71. Tag Type

Best free fonts: Tag Type

Free font Tag Type delivers just what the name suggests

Tag Type is inspired by graffiti tags that contains upper- and lowercase letters, numerals and punctuation. Both Latin and Cyrillic characters are included in this free font, which is the work of Ukranian designer Andy Panchenko.

Free for personal use and charity useDOWNLOAD HERE

Also read: The 40 best free graffiti fonts

Next page: Free unusual fonts

The best free fonts: Unusual fonts
72. Stanley

free fonts: Stanley

Stanley exudes elegance

For a truly stylish font, download Stanley. Created by Jérémie Gauthier, this font combines rounded and more geometric forms and the results are striking. Stanley would work well for luxury branding or packaging, and is free for both personal and commercial use. 

Free for personal and commercial useDOWNLOAD HERE
73. Elixia

Best free fonts: Elixia

This unusual font has a mystical vibe

Based around a hexagonal grid, Elixia is a slightly condensed typeface with a strong vertical emphasis. It was created by artist and designer Kimmy Lee back in 2005, and includes upper case, lower case, numerals, extended characters, accents and stylistic alternates. Elixia would be best suited for use as a decorative display font, thanks to its mystical, futuristic vibe.

Free for personal and commercial useDOWNLOAD HERE
74. Gilbert

Best free fonts: Gilbert

Gilbert is named after the designer of the rainbow flag

Gilbert Baker, who died in 2017, was a LGBTQ activist and artist who's best known for creating the iconic rainbow flag, and he's been commemorated by this striking free display font. Designed with headlines and banner slogans in mind, Gilbert is available as a standard vector font as well as a colour font in OpenType-SVG format, and an animated version.

Free for personal and commercial useDOWNLOAD HERE
75. Carioca

Best free fonts: Carioca

A fresh, fruity and colourful free font

Carioca is a fresh, fun and fruity creation, based on a morphological colour and pattern. This delightful free font was developed as part of a three-month experimental type project by Argentinian graphic designers Tano Veron and Yai Salinas. Contact the designers if you want to use it commercially.

Free for personal use DOWNLOAD HERE
76. Le Super Serif

Best free fonts: Le Super Serif

Le Super Serif is one of the few experimental free fonts that actually works

Le Super Serif is that rare thing: a typographical experiment that actually works. It’s described by its creator, Dutch designer Thijs Janssen, as “a fashionable uppercase typeface with a little modern Western flavour to it”. This free font features 88 ligatures and comes in the weights Regular and Semi-Bold. 

Free for personal and commercial useDOWNLOAD HERE

77. Porto

Porto free font

This nautical-themed free font is pretty delightful

Porto is a nautical themed free font that Upper Font Foundry says was "so gorgeous" it couldn't bear to hide it away. And that's good news for you, as you get to use it. We can imagine this font working well on posters or invitations. 

Free for personal use (check terms for commercial)DOWNLOAD HERE
78. Tiny Hands

Best free fonts: Tiny Hands

Yes, this free font is dedicated to the eccentric handwriting of Donald Trump

Even though Buzzfeed is aiming to transform into a serious news organisation, it’s still managing to maintain its sense of fun. And here’s a great example: a free font based on US President Donald Trump’s eccentric handwriting style. It was created by typographer Mark Davis, and apart from being a very funny satire, it could actually work well as a cartoon or comic-book font.

Free for personal and commercial useDOWNLOAD HERE

Related articles:

40 must-see examples of kinetic typography5 classic fonts that are still on trend (and why)21 perfect font pairings

20 Cool and Clever Gadget Packaging Design

Original Source: https://www.hongkiat.com/blog/creative-gadgets-packaging/

Here in hongkiat.com, we have been fans of creative packaging designs for forever. And lately, packaging designs are taking things up several notches, for instance: Creative Package Designs For…

Visit hongkiat.com for full content.