In the present day
Within the season of giving thanks, we regularly consider consolation and custom. These are frequent themes with every of our three featured web site design developments this month.
We begin with kind components that mix with movement, fashionable serifs which have each a cool and traditional really feel, and wrap up with designs that includes lovely meals. (You would possibly even discover the place a few of these design developments overlap.)
Right here’s what’s trending in design this month:
1. Textual content and Movement
Two components which are on most web sites – textual content and movement – may be mixed to create an much more stellar interplay. When you could also be considering that transferring textual content isn’t for you, that’s not the one possibility right here. There are quite a few methods to tug these two components collectively.
Every of those examples highlights a distinct alternative for utilizing wonderful typography with movement.
Alfred does what you would possibly anticipate whenever you assume “textual content and movement.” The hero header features a daring layer of textual content that scrolls from proper to left. What’s good about this textual content factor is that the font is extremely readable, and since there aren’t loads of phrases, studying in movement is an affordable request of customers.
Moreover, the transferring textual content layer is on high of an animated video roll. Whereas this might get overwhelming, the pace and content material of every of the transferring layers work collectively to create a pleasant general bundle.
makes use of outsized typography and lets the entire movement occur in a background layer. The design components come along with the flying pages from the background animation coming by the letters.
This instance exhibits that you simply don’t must overdo it with movement to create a extremely partaking visible.
In our closing instance of this pattern, Solomun takes one more method to mixing textual content and movement. This design has loads of flashing lights and quick motion in a continually transferring background video. The textual content overlay makes use of a handwriting type typeface and one thing borrowed from print design – an overprint method.
When you watch the video and textual content collectively, the letters permit a number of the background components to come back by. Whereas there’s no movement with the textual content per se, this impact, plus the background animation, creates loads of motion and a extremely partaking artwork factor.
2. Trendy Serifs
A contemporary serif, also referred to as a Didone or neoclassical serif, is a class of typefaces that emerged within the late 18th century and reached its peak of recognition throughout the nineteenth century. The important thing identifier of this type is the presence of each a serif and alternating skinny and thick strokes for every character.
Generally, vertical traces are thicker than horizontal traces, creating a pointy distinction that provides the typeface a chic and refined look. This type is starting to pop up in every single place with web site design tasks and exudes that very same conventional magnificence the sort class is thought for.
Why Collect Seashells makes use of a extremely distinctive fashionable serif for “seashells” within the major headline, in addition to secondary headers all through the design. What’s so good about this typography possibility right here is that it brings consideration to the key phrase within the headline that can assist you perceive what the web site is about.
The typeface additionally units a sure tone for the design – significance, magnificence, and significance. The design additionally makes use of alternate characters with the trendy serif as effectively (word the small “L”). These options circulation properly into the photographs.
goes massive with a contemporary serif headline that leads into an interactive timeline. This design pulls off a pleasant design method that may be considerably difficult with a contemporary serif because of skinny traces in a number of the letterforms: The textual content overlay is on a background video.
The design and typography for Six Eastern appears to say “go massive or go house.” The model title is in a big outsized fashionable serif font with an anchor placement on the backside of the homepage display.
A secondary textual content factor – additionally that includes a lighter model of the identical fashionable serif – is on the high heart. The blue textual content on a stark background emphasizes the significance of the works right here as effectively.
3. Lovely Meals
Possibly that is extra of a images pattern than a web site design pattern, however both method, we like it. Web sites for each eating places and shopper merchandise function some completely lovely meals.
Whereas this appears like a no brainer, meals imagery is de facto troublesome to do effectively. Even when you’ve nice photos, the remainder of the design round them can wash out meals pictures or detract from the product itself.
None of that right here. Every of those examples options lovely meals photos inside an general design aesthetic that appears prefer it was made for the photographs. All the pieces right here seems to be so nice you would possibly really feel the urge to organize a snack.
Doe Donuts makes use of photos of donuts so fluffy you’ll be able to virtually think about the feel. Plus, every picture layers on different textures for toppings.
leads with the normal white plate picture for a meals merchandise. Supporting photos function vivid crimson and inexperienced greens to spherical out and steadiness the design.
pairs a monotone palette to match the meals container with one thing you would possibly make with the product. The result’s mouth-watering.
Whereas this design makes it look simple, this mixture of studio product pictures and meals photos is difficult to do effectively. As you’ll be able to see, although, whenever you do it proper, the result’s fairly gorgeous. Who would have thought a web site for a non-dairy cream cheese product would supply such a terrific visible case examine?
Whereas these design developments would possibly really feel considerably seasonal due to the theme, they’re something however. All of those ideas may be utilized virtually anyplace for tasks. The one one which’s considerably particular is meals images.
We hope you’ll be able to take away some components from these nice web site design tasks and make them your personal.