Example 1

The default pricing boxes with the pricing row highlighted.

Item 1

$20 per Onth
  • Feature 1
  • Feature 2
  • Feature 3

Item 2

$35 per month
  • Feature 1
  • Feature 2
  • Feature 3

Example 2

In this example, we're placing more emphasis on item 2.

Item 1

$20 per month
  • Feature 1
  • Feature 2
  • Feature 3

Item 2

$20 per month
  • Feature 1
  • Feature 2
  • Feature 3

Example 3

You can achieve a quite minimal effect with the pricing boxes by playing around with the border widths and colours. In this examples we're adding weight to item 2 by colouring the button brighter than it's neighbour.

Item 1

$20 per month
  • Feature 1
  • Feature 2
  • Feature 3

Item 2

$40 per month
  • Feature 1
  • Feature 2
  • Feature 3

Item One

$20 per month
  • Feature 1 - Full of awesome goodnes
  • Feature 2 - More awesome goodness
  • Feature 3 - Even more awesome goodness

Item Two

$20 per month
  • Feature 1 - Full of awesome goodnes
  • Feature 2 - More awesome goodness
  • Feature 3 - Even more awesome goodness
[beaver_tunnels] [/beaver_tunnels]

Leave a Comment