Foundation

Get to know the basics behind Pelican.

Brand Colors

Pelican uses Brand colors to help define your own brand.

Pelican uses Status colors to inform users about what is going on with the system.

Pelican uses UI colors to help define important interface cues.

Agencies have opportunity to reflect their own brand using Pelican.

Pelican uses Bootstrap’s Grid to arrange content.

Spacing is the paddings and margins in Pelican.

Links allow users to change locations.

Guidelines for presenting textual information.

Icons provide at-a-glance representation of actions or concepts.

Guidelines for written content.

Guidelines for including images in digital products.

Specific guidelines for using images such as the State seal and logos.