AMBER ALERT

But when you're done reading it, click the close button in the corner to dismiss this alert.

GLOBAL MESSAGE

But when you're done reading it, click the close button in the corner to dismiss this alert.

  Close Menu

IN.gov Application Style Guide

This is a general style guide outlining the base styles for applications related to IN.gov and Indiana state government.

If you have any issue or topic that you would like to discuss related to this style guide, please feel free to contribute by filling out this form. Someone will contact you regarding your message. All feedback is welcome!

This documentation will be updated as IN.gov's brand evolves.

Style Guide Sections

The site is broken up into four different sections:

  1. General Styles - This will outline the basic use of the IN.gov logo, color references, and other general styles.

  2. Header - This section goes over some of the Standard Application Header elements and styles.

  3. Typography - Fonts, headings, body text, links, lists, and other text based styles can be found here.

  4. UI Elements - This is where the majority of styles reside in a variety of UI elements.

HTML Framework

IN.gov uses the Foundation framework in its sites. You are free to use whatever framework you please, but some of the references and terminology in this guide may be more related to Foundation specific elements (rather than Bootstrap or UIkit).

v1.0.1 - Last Updated: April 2nd, 2019