This is the pattern library for the City of Boston. It’s currently a work in progress, but we’re adding to it every day. Currently, it powers much of Boston.gov and all of Boston’s 311 web portal.
To get started with Crispus, you’ll need to add the styles. This can be done with:
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i|Montserrat:400,700" rel="stylesheet"> <!--[if !IE]><!--> <link rel="stylesheet" type="text/css" href="https://www.boston.gov/crispus/css/public.css" /> <!--<![endif]--> <!--[if lt IE 10]> <link media="all" rel="stylesheet" href="https://www.boston.gov/crispus/css/ie.css"> <![endif]-->
This will give you all of the fonts that you need as well as all Crispus stylings.
Other components can have their scripts included with:
Boston.gov also provides a prebuilt header / footer layout for use with your applications. This can be used from:
This template needs to be used in a dynamic manner. For example, during an application’s build process, the layout could be downloaded and applied to the application. An exmaple of this can be reviewed on Boston’s 311 website code.
The benefit of adding this into an application is that it will more seamlessly fit within the Boston.gov ecosystem and automatically includes Crispus.