We also see content elements located at the top and bottom of the layout shifted (translated) horizontally across the page for further symmetry.

Translational symmetry can be used to create patterns, such as in the case of tiled website backgrounds and repeating design elements.

Asymmetry can also represent an object that breaks a predefined pattern of symmetry, or an imbalance of design elements.