There is nothing there, but big word ‘go’, a photo of the scooter and some small text. The hero short for GoGoRo is minimal, but definitely attention grabbing. It’s an interesting way to integrate a gradient which adds depth and diversity to the design without going overboard gradient crazy. There is a small gradient peeking through the 1px border button or through the very thin font face headlines. Table Hero uses small bits of a friend through out their home page and by small bits, I mean tiny splashes here and there. The light purple to light blue gradient over the photo work pretty well it actually evoked a friendly vibe for the site. Either way, it does look pretty good because it doesn’t jump out at you very viciously. The gradient on this landing page is super light – look lightly washed out maybe. It’s a nice touch to have just small splashes of this exciting gradient combination here and there. They use s small splash of pink to purple to blue gradient though out their home page. Webflow doesn’t make a big statement with their gradients – at least not compared to the other sites in this list. However, there is nothing wrong with a green gradient, it looks visually pleasing and work pretty well for Customeed’s website right here. For some reason, blue, purple or pink gradients are extremely popular. CustomeedĬustomeed went with a green gradient which is significantly less common. Impossible Bureau uses a very vivid and contrasting gradient on their page! The cool thing is that once the page is done loading other elements come over this gradient and only sections of it appear less drastic and dramatic. This example is much more on the muted side from the collection, but the two selected colors are pretty gorgeous – they are low in saturation but have good contrast making them pretty pleasing to look at! Impossible Bureau Here we have another blue to purple gradient. The gradient here too isn’t too drastic as blue and purple are pretty similar hues so it works well when it’s placed over the photo. However, they use it slightly differently as they overlay the blue to purple gradient over a photo. Inc uses a gradient in their hero section as well. Try Startup App Try Slides App Other Products With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes. It’s a more subtle gradient as the two hues aren’t too different from each other making this easy on the eyes. Symodd’s hero or introduction section features a full gradient background from orange to pink. In action to the background pattern the gradient adds a unique touch to the website’s design. The one in the screenshot is redan orange, other include light to dark blue or green gradients. Most of the different page sections different colored gradients as background. QardsĮven our own Designmodo’s Qard’s landing page demonstrates various gradients. It is definitely a creative way to style your text and it works for them. This design agency uses gradients in a different way where they colored a section’s text with a gradient. The rectangular shape is filled with a green to purple gradient and it definitely helps to grab your attention. In this case the introductory text is on top of a square that’s used as the site’s header. Melanie’s look book start of with a layout that’s becoming more and more popular among fashion sites where text is unaligned and on top of images. With Postcards you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |