Streaming live at 10am (PST)

Any suggestión to build a site with diagonal Shapes


#1

I' m trying to build a web (see below image) with diagonal shapes as part of the overall design, but dont know how to build it. any suggestions.

Thanks


#2

It's almost only based on background images and images, the bezels are in the images. You can do diagonals with big svg triangles, you can also make divs absolute and tilt them with rotation.


#3

I agree with @vincent. It's just a several background images.

ie: Photoshop

The website: http://zweiradbachmann.de/

Here are 2 of the background images.


#4

It's a good reference to get inspiration from... there's a clear reading path, and it's very well illustrated,


#5

Another example of a section-design website with cutouts on images https://www.blackmagicdesign.com/fr/products/blackmagicursa


#6

Thanks vincent for your tips, I will try it out, the thing is that this type of web site like http://zweiradbachmann.de/ are not responsive


#7

... but with Webflow it's kind of easy to make it responsive


#8