GOV
Website Style Guide
An overview of our layout, typography, and style elements
Introduction
This website style guide documents the layout, typography, components, and other front-end topics for City of St. Louis websites and applications. This is a living document and our styles are updated frequently, so expect it to change over time.
Sections
Templates For Getting Started
Here are some basic templates to get you started. It assumes you will link to www.stlouis-mo.gov for template assets, but you can of course host them yourself.
Contents
- template-basic.html -- Basic template with a header, footer, and content area.
- template-breadcrumbs-left-nav.html -- All of the above, adding a breadcrumb bar and left nav with multiple levels.
Download
Layout
Our basic page pieces, containers, and grid system.
Content
Writing for the web, editorial rules.
Components
Buttons, alerts, forms, and various other page elements.
Feedback is anonymous.
