Variable Fonts, CSS Shapes, FlexBox and CSS Grids are definitively changing the way we lay out texts and liven up typography in web design. The Great Evolution Of Text In Web Design We’re seeing a revisit to historic styles, emulating compositions inspired by the Swiss style, using clean and modern sans-serif typefaces, as well as layouts inspired by postmodern compositions with powerful display typefaces.Īnimated typography hover variable font - Piano Trio Fest They are decorated with a wide variety of CSS Styles and graphic elements like icons, emojis and images displayed inline with the text. Paragraphs have gained aesthetic value and are an essential part of the design, with the size of the font in paragraphs being unusually big. You can see how serif, sans-serif, decorative typefaces with different weights, widths and styles, and especially outline styles are now all working together. Mixing typefaces with very different qualities and structures is another of the fundamental practices of the trend. 3, which dives into the latest trends in visual design, a must read for digital creatives. 📗 Check out our new book Hot Right Now Vol. The physical structure of type is a leading graphic element in the compositions, and incorporating typography with big personality, especially serif and display fonts, adds rhythm and contrast. Coming up we’ll look at the main characteristics that represent the use of typography in the current web design scene. The desire to move away from classic GRID BASED LAYOUTS, has finally become a reality, proliferating a much more creative use of text and allowing us to adopt compositions more similar to EDITORIAL DESIGN. Recent improvements in CSS related to the manipulation and animation of texts allows us to experiment with characters and paragraphs in a way never before seen in web design, and sees typography playing a central role in layout design.

This year’s stand out trend can be summed up with the term: TYPOGRAPHY-HEAVY DESIGN.

Webdesign magazines