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.

Get started with some basic templates.

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

Download basic template HTML files.

Was this page helpful?      



Comments are helpful!
500 character limit

Feedback is anonymous.