Skip to Content
Select a small fontSelect a medium fontSelect a large font
 

Box Color

Information can be "chunked" using "boxes." Below are several examples of how they can be formatted using different background colors.

Blackbox Class

Background color: #000

Sample imageThis paragraph resides within a paragraph with the "blackbox" class applied to it. An image placed on the left illustrates how the color backgrounds interact with it.

Darkgraybox Class

Background color: #333

Sample imageThis paragraph resides within a paragraph with the "darkgraybox" class applied to it. An image placed on the left illustrates how the color backgrounds interact with it.

Graybox Class

Background color: #EEE

Sample imageThis paragraph resides within a paragraph with the "graybox" class applied to it. An image placed on the left illustrates how the color backgrounds interact with it.

Whitebox Class

Background color: #FFF

Sample imageThis paragraph resides within a paragraph with the "whitebox" class applied to it. An image placed on the left illustrates how the color backgrounds interact with it.

Goldbox Class

Background color: #FFC600

Sample imageThis paragraph resides within a paragraph with the "goldbox" class applied to it. An image placed on the left illustrates how the color backgrounds interact with it.

Gradientbox Class

A tiled image background

Sample imageThis paragraph resides within a paragraph with the "gradientbox" class applied to it. An image placed on the left illustrates how the color backgrounds interact with it.

Graybox

Background color: #EEE

This paragraph resides within a paragraph with the "gradientbox" class applied to it. An image Sample imageplaced on the left illustrates how the color backgrounds interact with it.

Gradientbox

A tiled image background

This paragraph resides within a paragraph Sample imagewith the "gradientbox" class applied to it. An image placed on the left illustrates how the color backgrounds interact with it.

Gradientbox

A tiled image background

This paragraph resides within a paragraph with the "gradientbox" Sample imageclass applied to it. An image placed on the left illustrates how the color backgrounds interact with it.