Website Style Guide
An overview of our layout, typography, and style elements
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.
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.
- 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.
Our basic page pieces, containers, and grid system.
Writing for the web, editorial rules.
Buttons, alerts, forms, and various other page elements.
Feedback is anonymous.