![]() I really love it how numbers are used as shapes within the header of this web page. Some slight variations of opacity on a repetitive shape within a background make the section a lot more interesting and eye-catching. Yet, it’s such a simple concept as a split background-but split with a curve. The background of the hero section looks so good. ![]() Multiplicity’s landing page really goes to town on the repetitiveness of using squares in the UI, logo, and overall identity of the event as well. If we are talking about shapes I will also include an example that utilizes squares as well those are a shape, too. It’s definitely the first time I’ve seen a button in this type of shape. However, my favorite part is that all the buttons come in this shape, too. Sometimes it’s just a repetitive background, sometimes decoration. ![]() Wyre has a whole visual language surrounding its signature shape. ![]() But additionally, it also uses animation and proximity to make the dots appear to be moving in a wave-like motion. Orbit’s header uses two different elements. Ask Jelly decided to throw in a little curvature in there. These days it’s becoming more popular to alter the dividing line. Something so common as a section divider has been used the same way for a long, long time. The header has a lovely design that features an orbiting effect to further extend the metaphor. Beameryīeamery surely enjoys the circular motif, be it filled or outlined. I love how Timetable’s design goes a little odd and changes the perspective of the traditional rectangular shape on box images and text. It’s also something you can see in the UI of the mobile app-the rounded corners, that is. No wonder it’s used as an animated and scattered background pattern. Squares with rounded corners are an important part of the brand’s visual design. The relationships between the information, color, and the various shapes are so smooth that it’s hard to imagine the information conveyed by this report to look any different. The design uses shapes as part of the story as you scroll. The Future of Design is a visually stunning website. I like that the shapes are overlapping and that Status’ design utilizes circular shapes as well as rectangular ones. It’s not something you see on many websites to this extent. Status’ design relies heavily on cards with rounded corners. The icons almost look like they have been thrown out of a box onto a floor. Icon Jar uses a bunch of colorful and scattered icons as part of their background. But of course, the most noticeable has to be the three almost circular and almost squared shapes behind the phone, that keep on shifting their shapes as they zoom in and out a little bit. There are so many individual shapes on this landing page, from the phone to the logo to the floating rounded avatars. Not only does this annual report utilize the numbers as shapes in and of themselves, the numbers are also as a critical part in forming a creative shape, with the additional visual manipulations made through decorations, markings, and colors. The Xs and Os are part of their logo and using them as design pieces on the website helps reinforce them as an important part of the company’s identity. Friends & Foolsįriends & Fools uses Xs and Os and squiggles as decorative pieces on their website. It’s a little inconsistent and that makes it interesting. The input field is rectangular, the button is oval, and the logo is something else altogether.Īdditionally, there are randomly spaced out and animated geometric shapes floating around in the background. Roadmaps’ landing page is filled with various shapes. Some of them use random assortments of shapes for decoration such as Roadmap, while others completely redefine the structure of a web page such as Timetable Records. I’ve gathered 30 different websites that use different shapes for different purposes. However, that doesn’t mean there is no room for other shapes such as circles, triangles, or made-up miscellaneous curvatures. This is not only practical but also makes sense. Have you noticed that most websites are, more or less, made up of rectangular boxes? From the rectangular shape of a browser window to the rectangular shape of buttons, websites are mostly rectangular.
0 Comments
Leave a Reply. |