Articles

Choosing the right typefaces for your website can elevate a design from dour to delightful. The right typeface gives personality to your brand voice and can make sure your content gets read.

And so, every month, we put together a roundup of the best new fonts for web designers. In this roundup of the year, we look back at the past twelve months and showcase our forty favorite fonts of 2022. Enjoy!

Tellumo

Tellumo is an elegant geometric sans-serif that oozes positivity. It comes with a standard set of caps and an alternative set of swash caps.

DT Random Display

DT Random Display is an original approach to typeface design. It’s perfect for posters or a branding project with a courageous client.

Rebrand

Rebrand is a sans-serif packed with character. There are display and text versions, each with seven weights.

Aiglon

Aiglon is a monolinear semi-geometric sans-serif. It is simple and forthright, without being dull or forgettable.

Shorai Sans

Shorai Sans is a blend of geometric sans-serif and calligraphic brushstrokes. As well as Latin glyphs, there’s a complete set of Japanese characters.

Monden

Monden is a high-contrast serif with a clever little kick on the lowercase h, m, and n that adds richness to body text.

Canora

Canora is a calligraphic typeface with two styles: Frente leans to the right, and Verso leans to the left.

Epicene

Epicene is a beautifully baroque typeface with some intriguing details. There are two families, a display version and a text version.

Sangbleu

Sangbleu is a super-family of typefaces with five complementary styles: Empire, Kingdom, Republic, Versailles, and Sunrise.

Forme

Forme is a typically British grotesque typeface with the bonus of having an equally functional Arabic sibling.

Aprello

Aprello is a robust sans-serif that’s ideal for branding projects. There are six weights, each with an italic and a variable font version.

Selva

Selva is an elegant serif typeface in the Scotch tradition. It has a vast number of weights and a particularly attractive italic.

GT Planar

GT Planar is a unique typeface with both italic and retalic styles that slant up to 45 degrees in each direction.

Veqay

Veqay is an elegant stencil typeface with organic shapes, making it ideal for certain branding and editorial design.

Apta

Apta is a clean sans-serif with excellent proportions. Unusually it comes in three versions, a geometric style, a humanist style, and a combination style.

Antodits

Antodits is an energetic script face that has the feel of graffiti. This is a great display font for headlines.

Delvard

Delvard is a family of three typefaces, Display, Subhead, and Text. It’s a beautiful serif with script-like strokes.

Rosales

Rosales integrates a humanist style with geometric forms and calligraphic alternatives to create a unique typeface.

Fisterra

Fisterra is an informal serif with two different styles: Morte, with emphasizes curves, and Fora, which emphasizes sharp lines.

Connection

Connection is a precisely drawn typeface with beautiful detail courtesy of a calligraphic influence.

Ping Round

Ping Round is a simple sans-serif drawn with as few strokes as possible, resulting in some characterful letterforms.

Mule

Mule is a hard-working serif with friendly, engaging letterforms. It has a great rhythm, making it ideal for extended text.

Arnika

Arnika is a contemporary typeface with a large x-height. The flares on its strokes put it mid-way between a serif and a sans-serif.

Kingsad

Kingsad is a sans-serif designed for branding. The generous curves and wide letterforms make it best suited to short text.

Apice

Apice is an elegant script font perfect for posters, branding, and editorial design. It’s a variable font with a setting to control stroke contrast.

The Future

The Future is a reworking of the ideas behind Futura. It has a great mix of Western and Japanese typographic traditions.

Mallory

Mallory is an Art Nouveau-inspired display face. It has graceful sweeping curves and strong contrast.

Fabbrica

Fabbrica is a functional sans-serif that performs exceptionally well at small sizes and especially well on screen.

Gills & Co

Gills & Co is another of this year’s crop of Art Nouveau-inspired typefaces. It’s ideal for editorial design.

Satiata

Satiata is an energetic typeface that almost dances across the screen. Best used for branding or display type.

Fold

Fold is a no-nonsense sans-serif that’s plan spoken and trustworthy. It has four weights with corresponding italics.

Bells Morten

Bells Morten is a display font inspired by vintage signage. It’s bold and all-caps, with sharp flared serifs.

Mori

Mori is a versatile sans-serif inspired by contemporary Japanese design. It’s ideal for branding and editorial design.

Nitido

Nitido is a humanist sans-serif designed as a companion for the popular Nitida font family. It’s beautifully suited to branding work.

Lithops

Lithops is a fantastic display face for posters, T-shirts, and editorial design, with a pattern making up the letters that’s reminiscent of seaweed.

Rapidissima

Rapidissima is a companion typeface to Rapida. While Rapida is a careful usable serif, Rapidissima is an exploration of speed.

Firelli

Firelli is a warm, contemporary slab serif with a range of weights. It’s an excellent choice for display and body type.

OBO Star

OBO Star is a semi-monospaced typeface, meaning that most of the characters use the same space.

Nagel

Nagel is a uniwidth sans-serif with a low stroke contrast and some bold detailing. It’s ideally suited to short texts and branding.

Practico Slab UI

Practico Slab UI is a workhorse slab serif that blends European and American mid-century styles. It’s available as a variable font.

Source

The post 40 Best New Fonts of 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

We’ve seen some incredible websites in 2022. There have been more than the usual number of sites with a political mission, and plenty that made us want to travel. The big design trends were brutalism, huge typography, and bold positive color. We’re looking forward to what the web will bring in 2023, but in the meantime, take a look back at the best 50 websites of 2022. Enjoy!

Justice Reskill

Justice Reskill used bright colors and positive, uplifting artwork to create a supportive platform for people who’ve been through the justice system.

Pienso

Bold type and plenty of on-scroll animation made this site for Pienso stand out back in January.

Gazelle No.1

The promotional site for Gazelle No.1 used innovative scroll-activated video to sell the electric bike.

Mekanism

Mekanism’s site was the first agency redesign to impress us in 2022. Super-polished then, super-polished now.

Redbrick

Redbrick was well ahead of the trend for brutalism with a twist when it released this site promoting its coffee.

SOS Foods

Ethical and sustainable goods were top of the sales charts in 2022, and SOS Foods did a great job capitalizing on the style.

Hartzler Dairy

Hartzler Dairy embraced its mid-20th-century branding with a nostalgia-infused site.

Engineered Floors

Even in 2022, designers are still paying mobile short shrift, but this site for Engineered Floors is excellent on mobile.

Emi Ozaki

We loved the quirkiness of Emi Ozaki’s phone-style interface for her portfolio back in February.

I Killed A Cactus

I Killed A Cactus is a beautiful 3D site designed to help people care for houseplants.

Aris Hotel

We were tempted in the direction of Crete by this stunning luxury site for Aris Hotel on the island.

Milton Textiles

Milton Textiles is a big, bold site for a product that is usually an afterthought in the interior design world.

MAAP

The site for MAAP is predictably excellent, modern, and efficient. It encapsulated the apparel brand’s values perfectly.

Garden Eight

The promotional site for Garden Eight, a digital design studio in Tokyo and Copenhagen, was suitably standout eccentric.

Circus Shanghai

Circus Shanghai used a mid-century illustration style to reference the solar system and the Chinese flag.

Normand

Normand took the bold decision to step away from the typical law firm design strategy.

SND

Designing a site for UI sound kits is challenging, but SND pulled it off perfectly with this minimal site.

Polybion

We saw lots of brutalism in 2022, and Polybion’s site was a standout example of how to make the trend work.

neueMeta

Bold block coloring added depth and interest to this portfolio site for design studio neueMeta.

Dumpling Delivery

OK, we confess we spent waaay too much time playing this dumpling delivery game from Mailchimp back in May.

Nowhere Bakery

Nowhere Bakery succeeded in making vegan, paleo, gluten-free cookies seem appealing.

Triniti

We were mesmerized by the perpetual motion video for the pan-Baltic law firm Triniti.

Kim Kniepp

Kim Kniepp’s site impressed us with interconnected navigation and a superbly coded masonry grid.

Feed The 300

Feed The 300 is one of dozens of great sites to combat Russia’s invasion of Ukraine. In this case, it was aimed at feeding zoo animals.

Icons By Menu

Icons By Menu is a stunning minimalist site that is a pleasure to browse.

Museum Of Pink Art

The Museum of Pink Art is an immersive experience celebrating the color pink. It was easy to lose hours wandering around.

BelArosa Chalet

2022 was the year of illustrations, and BelArosa Chalet’s site used them to significant effect to sell a venue still under construction.

WTFFF

Online sexual abuse and harassment are particularly appalling when directed at young people. WTFFF tackled the issue sensitively.

Pretty Damn Quick

Logistics aren’t the most engaging topic, but this friendly, illustrated site for Pretty Damn Quick grabbed us immediately.

Norwegian Soda Co.

This site for the Norwegian Soda Co. uses beautiful photography to create an engaging one-page site.

Fornasetti Profumi

Fornasetti Profumi wowed us with its long-form videos used to emphasize stillness and calm.

Laesk Kombucha

We were convinced this site for Laesk Kombucha had been produced by Wes Anderson.

Cased In Time

Single-product sites are often underwhelming, but this excellent ecommerce site bucks that trend.

DS & Durga

Eschewing the well-trod approach of flowers and pretty models, this perfume site for DS & Durga fully embraces the brutalist trend.

Daniel Spatzek

We loved the way Daniel Spatzek’s portfolio site broke all the rules and still managed to be informative and engaging.

Aro

Aro kept minimalism alive with a simple site that exudes luxury while selling a simple concept.

Think Packaging

Think Packaging took a case study approach to present its products, and it worked really well.

Steffie de Leeuw

Giant typography intertwined with botanical illustrations created a memorable site for Steffie de Leeuw.

Anna Jóna

The prelaunch teaser site for the Ana Jóna café and cinema was elegant and modern and had us eyeing a long weekend in Reykjavik.

Das Salz

More wanderlust courtesy of the fresh, enticing site for the Das Salz hotel and café.

Jono Pandolfi

This simple-to-use site for US tableware and cookware brand Jono Pandolfi sold us on hand-made ceramics.

LolaVie

We still can’t get over the fact that it took until 2022 for Jennifer Aniston to produce a haircare range.

Nathan Riley

Another big trend in 2022 was masonry-style sites, and this portfolio for Nathan Riley was one of our favorites.

Capsul’in Pro

With the excellent application of animation and careful use of color, this site for Capsul’in Pro transformed coffee pods into luxury items.

Seen

Seen is an essential site that explores themes of prejudice and racism in creative fields. It’s a strong approach to a difficult subject.

Glasfurd & Walker

Glasfurd and Walker’s superb portfolio site sets itself apart by over-extending the viewport. It’s a highly original idea.

The Other Side Of Truth

The Other Side of Truth is the standout site of 2022. It used the web expertly to present two interpretations of the facts surrounding the Russian invasion of Ukraine.

Bannach

Back in October, we fell in love with the pixel-block animation loading for the Bannach furniture brand.

Karina Sirqueira

Karina Sirqueira’s portfolio was a joy to browse through. The morphing shapes imposed simplicity on a series of beautifully presented case studies.

Joshua’s World

We were amazed by Joshua’s World, a little island that can be titled and rotated to power the little cyclist along his career.

Source

The post 50 Best Websites of 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Nothing breathes life into your designs like the typefaces you choose, so every month, we put together this roundup of the best new fonts we’ve found online.

This month, a distinctly medieval aesthetic permeates some of the designs. You’ll find plenty of rebellion in fonts that break the rules for fun. And as always, we’ve included some excellent practical options. Enjoy!

Arnika

Arnika is a relaxed typeface with much more character than typical sans-serifs. Its strokes flare to the point that it’s almost a serif, and the oversized x-height gives it an almost medieval sensibility. There are four weights crying out to be used in a branding project.

Nosi

Nosi is an irreverent typeface that does an excellent job of evoking the spirit of music fanzines, French cinema, and teenage dramas. It’s a great choice for editorial display work if used sparingly.

Parabole

Parabole Display is what happens when you join the wrong points on your outlines: outer curves become inner curves creating an engaging and very usable display font. Parabole Text is the simplified sans-serif. It’s an exciting pairing for editorial work.

Rizoma

There aren’t enough new serif fonts, perhaps because they are harder to draw than the more popular sans-serif. Rizoma is a welcome exception. Based on Roman inscription letters, it is confident, modern, and highly usable.

Guacheva

If you’re shopping for a festive typeface and want to avoid the usual brush scripts, look at Guacheva. The all-caps serif is elegant and feminine, with a clear sense of calligraphy.

Axios Pro

Axios Pro is a good solid workhorse of a sans-serif. Based on early 20th-century grotesques, it will feel familiar to anyone interested in western architectural type design. It’s available in 10 weights and two variable fonts, with extensive OpenType support.

GT Pressura

GT Pressura brings the warmth of print to the web by simulating the effect of ink spreading over paper. The subtle rounding of the sans typeface adds a unique visual interest to the mono, standard, and extended fonts.

Galdy

Script fonts are almost always based on a brush or a pen, traced into vectors. So it’s refreshing to see Galdy, a refined retro script. With a distinctly americana feel, it’s perfect for branding projects.

Nitido

Nitido is a humanist sans-serif typeface designed as a companion for Nitida. It is an expertly realized font family with seven weights and seven accompanying italics. As a result, it‘s ideally suited to corporate design work.

Kinckq

Kinckq is an intriguing experiment with variable font techniques. Inspired by a 19th-century woodcut font, Kinckq is a didone that bends through its middle, creating a 3D effect that’s made for large sizes.

Broger

Broger is another distorted typeface, this time twisting shapes and tying them together with elegant ligatures. It’s an excellent choice for branding in the health & beauty market.

Charte Mono

Charte Mono is another attempt to solve the unsolvable — the Latin alphabet is not monosized. However, when resolved as well as Charte Mono, monospaced fonts are excellent for user interface design, charts, and signage systems.

Lini

Lini is designed to be as compressed as possible while remaining highly legible. It supports Latin and Devanagari languages and works equally well in both forms. Lini is still in beta but is already award-winning.

Rotulo Variable

Rotulo is a variable font with huge contrast between its thick and thin strokes. Inspired by hand-lettering on signs, it’s a chunky option for branding or display type on websites.

Bouuuuuh

OK, so we’re a month late for Halloween, but Bouuuuuh is still worth a mention. Its cartoonish shapes are perfect for poster design, T-shirts, brand design, and, yes, next year’s Halloween marketing.

Source

The post 15 Best New Fonts, November 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Whether you’ve worked with a few WordPress themes to design websites or worked with many of them, you’ll no doubt agree that plenty of WordPress themes that are visually gorgeous on the front end can be terribly unattractive and extremely awkward to use on the backend. 

Working with a WordPress theme can sometimes be difficult, but it can be different.

Want proof? Look no further than with BeTheme. 

BeTheme, with 260,000+ sales and counting and a 4.83-star user rating, is one of the top 5 best-selling WordPress themes of all time.

In this article, we’ll show you one of the many reasons why this is the case by focusing on how BeTheme’s backend is designed to make web design tasks more manageable.

Enhance your workflow experience with a WordPress theme backend that won’t stress you out 

Once you install BeTheme, you’ll almost immediately notice it’s different. Instead of a drab and often unintuitive WordPress backend, you’ll suddenly be confronted with a clean, well-organized dashboard and toolset.

You haven’t actually lost anything. WordPress, with its impressive assortment of content management tools, is still there. Be’s backend is a visually appealing space in which you will take pleasure to work.

If only the rest of WordPress could follow suit.

If you haven’t worked with BeTheme recently (or at all), why not let us walk you through several of its most helpful backend features.

Starting with:

1. Dashboard Design

BeTheme’s dashboard is conveniently located directly beneath the main WordPress Dashboard link. So you won’t waste time sifting through the sidebar trying to find your theme’s settings, and everything displayed in the dashboard is designed to help you get the most out of your WordPress theme. 

Clicking on the BeTheme or the Dashboard link gives you immediate access to the following: 

  • Theme registration information
  • BeTheme’s step-by-step website creator
  • A Navigation bar that directs you to BeTheme’s frequently used tools
  • Plugin status and updates and new features announcements
  • The latest additions to BeTheme’s ever-growing library of pre-built websites
  • Beloved BeTheme integrations

It takes a minute to fully appreciate how helpful this dashboard will be. 

BeTheme

2. Dark/Light Mode

Research on dark mode benefits is inconclusive. But since so many people seem to like it, it is offered as an option in many popular apps and devices.

Dark mode users will tell you that they experience less eye strain, they sleep better, and their device’s batteries last longer than is the case with light mode.

BeTheme’s backend offers a dark mode option, and you are encouraged to try it.

If you feel it beneficial, so much the better, and you needn’t concern yourself with what the research indicated, or didn’t indicate.

BeTheme

3. Step-by-Step Website Creator

When you first install a WordPress theme, it’s not uncommon to spend some time trying to figure out what to do next. The theme’s advertisements may highlight a selection of impressive demos, but where are they more exactly?

Of course, you’ll eventually find them, but is whatever difficulty you may have encountered necessary?

BeTheme removes that impediment. 

You will notice the Setup Wizard under BeTheme (and in the dashboard as well.) Click on the wizard, and with its step-by-step website, you can: 

  • Give your website a name.
  • Select the page builder you want to work with and choose your preferred editing mode.
  • Pick an ideal pre-built website based on your new website’s industry or niche.
  • Easily replace existing content with your own.

The entire process of loading your brand-new site and page builder into WordPress takes a minute (or more like 30 seconds once you are used to it).

BeTheme

4. Pre-Built Site Previews

With BeTheme, you can choose from more than 650 pre-built websites. New ones are being added as we speak, and they’re delightfully easy to find. Just look under the dashboard’s Websites link or Pre-built Websites in BeTheme’s sidebar menu, and there they are!

You’ll be familiarized with the available design aids and options in no time, and you’ll find it easy to incorporate the latest design trends into your websites. BeTheme has even placed previews of its newest pre-built websites in your dashboard to help you along.

You may choose one of the latest pre-built websites to work with, or you might find one or more others you particularly like. Pre-built sites you do not plan to work with can still be sources of inspiration.

Whatever your choices, you’ll find it easy to incorporate the latest trends into website designs.

BeTheme

5. Plugin Manager

BeTheme’s Plugins area differs from what you see in the WordPress plugins area. You’ll find several of these differences to be particularly helpful in that BeTheme’s plugins manager enables you to: 

  • View the active plugins you’ve installed.
  • Update plugins when necessary.
  • Install and activate plugins only when it’s required.

The last item is essential in that plugins do not appear in the WordPress plugin manager until you have installed them. Not having to install plugins you will not need will help keep your website operating at a high level of performance.

BeTheme

6. BeTheme Support

WordPress is a powerful content management system and an extremely popular one. It may, in fact, be the most powerful and popular system of its type.

WordPress is also community-driven to a considerable extent, which can sometimes create user inconvenience. As a user, you might sometimes have to dig to find answers to your questions or get help when needed.

You don’t have to experience that inconvenience to get support from BeTheme.

To gain access to BeTheme’s support center, you need go no further than BeTheme’s sidebar or dashboard to access self-support options or open a ticket for direct assistance.

BeTheme

7. Theme Options

Plenty of well-known WordPress themes have theme settings customization capabilities. With BeTheme, it’s easy to set brand colors, choose custom fonts, and establish global layouts. The same holds for configuring responsiveness, performance, and accessibility, all of which are essential for optimizing UX and search engine functionalities.

The problem with most theme options is that they can only be modified from the main WordPress dashboard. So if, while designing on a page, you suddenly realize a portion of its design hasn’t been configured correctly, or you’re dissatisfied with any design segment, you’ll have to save your changes and go to your theme’s backend to make the necessary fixes.

From the BeTheme dashboard inside the BeBuilder BeTheme, you can modify your Theme Options without having to interrupt your workflow.

BeTheme

8. White-Label Mode

A final feature of the BeTheme WordPress theme’s backend you should become familiar with is BeCustom. This critical feature is located under BeTheme in the sidebar.

BeCustom enables you to access some white-label regions in BeTheme. 

  You can use BeCustom to:

  • Substitute Be’s branding with your business’s branding to reinforce your name with your clients.
  • Disable any features your clients have no use for and deny access to any features you do not want them to modify while at the same time making the WordPress theme’s backend easier to work with.
  • Create an extra user-friendly and secure WordPress login.
  • Customize the dashboard’s “Welcome” message.

BeTheme

Make Your WordPress Design Projects Simple to Handle With BeTheme

Is there anything BeTheme doesn’t do?

Most likely, but nothing that would adversely impact your design effort.

This multipurpose WordPress theme’s hundreds of pre-built websites will help you get virtually any website project off to a rapid start and headed in the right direction.

BeTheme features the fastest and most powerful page builder for WordPress.

You will have total control over every feature and facet of your website’s UI.

In short, BeTheme offers the finest way to manage any web design project within WordPress.

 

[- This is a sponsored post on behalf of BeTheme -]

Source

The post Why Do WordPress Theme Backends Have to Suck? (Hint: They Don’t!) first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Each month we publish this roundup of the best new fonts for designers to help you find new ways of packing personality into your designs.

In October’s edition, you’ll find a number of revivals and a ton of vintage inspiration, all wrapped up with a modern twist. After years of geometric sans-serifs, a few decorative flourishes are more than welcome. Enjoy!

The Future

The Future and its accompanying monospace The Future Mono is a homage to the classic Futura. The Future is a great revision of classic forms, and The Future Mono is a blend of Western Modernism and Japanese typographic styles.

Rapidissima

Rapida and Rapidissima began as part of a master’s course at the Royal Academy of Art in Den Haag. While Rapida is a careful, usable serif with lots of thoughtful details, Rapidissima is a visually exciting exploration of speed.

Aiglon

Aiglon is a pseudo-geometrics sans-serif with beautiful proportions. It draws inspiration from 20th-century architectural lettering. It’s a tremendous alternative to Gotham for those looking for a more European aesthetic.

Raskal Oner Write

Raskal Oner Write is a script font for designers that don’t want a script font. All of the classic feel of handwritten letters is here, but the construction is entirely original. Contextual alternatives combine to create the visual look of lettering.

Grostino

Grostino is an elegant display typeface. The enormous contrast in width between its rounded glyphs and its square glyphs adds enormous personality. It’s ideal for branding projects that need to evoke classicism.

Figtree

Figtree is a highly usable sans-serif packed with practical features, including fractions, monospaced numbers, and scientific inferiors. It’s both minimal and friendly, making it an ideal choice for corporate design systems. It’s free to download.

Gills & Co

Gills & Co is a modern serif that draws inspiration from Art Nouveau to create beautiful finials and ligatures. It works really well as a logotype and for packaging.

Catalog

Catalog is a sturdy, easy-to-use serif with thick slab serifs. It has a simplified shape and is easily readable on lower-resolution screens. It features an unusual lowercase g, which adds visual interest to passages of text.

Kreol Display

Kreol Display is a didone typeface with some interesting details that raise it above similar designs. The lowercase ‘a’ and the uppercase ‘R’ are particularly pleasing.

Gwen

Gwen is a typeface family that includes a highly characteristic display face and a more subtle text face. There are seven different weights, and it is available as a variable font.

Benogi

Benogi is a display font run through with wave-like forms. The ’70s aesthetic is continued in the proportion of the glyphs. It’s a great option for health and beauty product branding.

Marcin Antique

Marcin Antique is inspired by early French grotesque typefaces. It has just been reissued with new widths, additional weights, and redrawn italics, making it an even more usable sans-serif.

VVDS The Dickens Tale

It’s horrifying to say it, but yes, the holiday season is just weeks away. If you’re preparing marketing material with a heritage feel, then check out The Dickens Tale, it’s as classic as candy canes and Peanuts reruns.

Povetarac Sans

Povetarac Sans is a workhorse of a sans-serif that performs well as both display and running text. Inspired by vintage designs, it comes with six weights and supports fractions.

Blothe

Blothe is a fabulously chunky display face that is drawn wide, thick, and rounded. Use it at huge sizes to make the most of its weighty presence.

Source

The post 15 Best New Fonts, October 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot