In graphic design (specifically for web and mobile) is it acceptable to combine elements that have rounded corners with elements that have sharp corners on one screen? 

Example: 

[![enter image description here][1]][1]

The purpose from of this from a UX perspective is to visualize that the rounded is for displaying information and the sharp is for actionable elements. 

But i'm more interested in whether or not this is acceptable from a Graphic Design perspective. 

**So is it acceptable in graphic design to combine both rounded and sharp cornered elements on one page?**
------------------------------------------------------------------------

  [1]: https://i.sstatic.net/oNwT0.png