Creative Shape Dividers

So many creative ways to use Shape Dividers. 

They only work on Sections.

And that includes Inner Sections!

NOTE: since shape dividers are responsive, they may appear differently on different sized screens.

We love Shape Dividers
to the horizon and back

Here comes the Sun…

Do more than just draw lines

Create new horizons

Wave

How about some color shifting?

Up

or

Down?

Stranger Things

Heading (gold)

  • using Inner Sections
  • Top & Bottom: Arrows (inverted on the left, not on the right)

Horizon (blue)

  • Top: Fan Opacity

Game (green)

  • Top: Pyramids
  • Bottom: Pyramids (flipped)

Sun (gold) – gradient background

  • Top: Curve (max height) inverted
  • Bottom:none
  • Section underneath has same gradient reversed

Diamond (lavender)

  • Top & Bottom: Book

Horizon (green)

  • Top: Zig Zag (max width)
  • Bottom: Tilt (flipped)

Wave (blue)

  • Top: Wave (flipped)
  • Bottom: Wave (flipped & inverted)

Color Shift

  • Uses 3 columns, each with an Inner Section
  • Top of each Inner Section: Wave
  • Differing gradients on the backgrounds

Up or Down (lavender)

  • Top & Bottom: Arrow (inverted) at max width and equal heights

Stranger Things

  • Top and Bottom: Waves Brush with differing widths and heights

 

SHARE THE LOVE

Share on facebook
Facebook
Share on pinterest
Pinterest
Share on twitter
Twitter
Share on linkedin
LinkedIn