Bevel

This is the BWD project, copied from their website Bevel Example Website. I'm using a Foundry theme, not the Blank theme.

B

Bevel

A simple way to make angles on your page.

This page is intentionally extremely vanilla and only uses the following stacks:

Bevel
Header Pro
Paragraph Pro

along with the built in Stacks column stacks.

It is built in the Blank theme from Joe Workman which is totally blank and contains no styles or framework elements. You can therefore easily apply any theme to this page or cut and paste Bevels into other projects.

2 Bevels

Turn a 1 column stack into an angled band on your page

Use the crop control to determine how much vertical content a horizontal bevel occupies.

The amount of crop to get a perfect triangle depends on the angle that you select.

B

Vertical mode brings 2 column stacks to life.

Great for info panels, photos and lots more.

Using your favourite column stacks will give you a lot more control over responsive positioning and alignment than this example with a Stacks 2 column.

1 Bevel

Get back from an angled top to square bottom.

Photo

A Bevel with content enabled and a background image.