Skip to main content

A Complete USWDS-Based

City Government Website Template

Accessibility-first, compliant, and easy to customize for any city or municipality

View Frontend Preview View Admin Dashboard

Template Overview

A complete, production-ready city government website template built on the U.S. Web Design System (USWDS).

This template is designed to help cities and municipalities launch modern, accessible, and compliant websites quickly—without starting from scratch. It includes a fully built public-facing frontend for residents and visitors, along with a simple, functional backend for city staff to manage content.

  • USWDS-Compliant Design Foundation

    A native implementation of the U.S. Web Design System ensuring accessibility, consistency, and federal compliance.

  • Pre-Built City Government Page Library

    A full set of commonly required municipal pages, ready for immediate use and customization.

  • Lightweight Administrative Content Dashboard

    A simple PHP-based backend that allows city staff to manage and update site content without technical overhead.

  • Modular Layouts and Reusable Components

    Flexible templates and components that enable rapid customization and scalable site development.

Resident Frontend Preview

A resident-first, accessible public website experience.

Live Preview Download Source Code

The frontend demonstrates how a city website can present information clearly, consistently, and accessibly using USWDS patterns. It is designed for residents, visitors, businesses, and job seekers—making it easy to find services, news, events, and critical information.

  • Clean, accessible homepage with clear calls to action
  • Department and service pages using accordion, card, and button layouts
  • Public safety, emergency, and service information pages
  • News, events, and blog layouts for ongoing communication
  • Careers and procurement pages designed for transparency

Administrative Backend Preview

A simple, purpose-built admin experience for city staff.

Live Preview Download Source Code

The backend provides a straightforward administrative interface that allows city staff to manage content without technical expertise. It focuses on the most common needs of municipal teams: publishing news, managing events, and posting bids and RFPs.

  • Secure admin login and dashboard layout
  • Create and manage news articles and updates
  • Manage community events and public listings
  • Publish bids, RFPs, and procurement information
  • Shared admin navigation and layout components

Frontend Pages Included

Page Description
Home City services, news, and announcements
About About the city and its mission
Visit the City Visitor information and attractions
Contact Contact information and directions
Contact Form Submit questions or feedback

Page Description
Create Account Create a resident account
Log In Resident login page
Multi Sign-On Single sign-on access options

Page Description
Procurements (Layout One) Procurement overview layout
Procurements (Layout Two) Alternate procurement layout
Procurement Listings List of active procurements
Procurement Details Procurement detail view
Contracts & Awards Active contracts and awards

Page Description
News (Grid) News articles in grid layout
News (List) News articles in list layout
News Article Individual news article
Events (Grid) Events in grid layout
Events (List) Events in list layout
Event Details Event detail page

Page Description
Head Shared HTML head and metadata
Navigation Primary site navigation
Footer Site footer and links

Page Description
Mayor’s Office Office of the Mayor overview
City Council City council members and meetings
Department Directory (Accordion) Departments in accordion layout
Department Directory (Buttons) Departments listed with buttons
Department Directory (Cards) Departments displayed as cards

Page Description
Public Safety Public safety overview
Police Department Police department information
Fire & Rescue Fire and rescue services
Emergency Management Emergency preparedness resources
Roads & Transportation Roads and transportation services
Garbage Collection Garbage collection services
Garbage & Recycling Garbage and recycling services
Recycling Recycling information and schedules
Hazardous Waste Hazardous waste disposal guidance

Page Description
Careers Careers with the city
Job Listings (Layout One) Job listings layout
Job Listings (Layout Two) Alternate job listings layout

Page Description
City Statistics City statistics and data highlights
Frequently Asked Questions Common questions and answers

Backend Pages Included

Page Description
Admin Login Admin authentication page
Admin Dashboard Administrative dashboard overview
Admin Head Admin HTML head and assets
Admin Navigation Admin navigation menu

Page Description
News Management Manage news and updates
New Article Create and publish articles
Events Management Manage community events
New Event Create and publish events
Bids & RFPs Manage bids and RFPs

Ready to Build Something Great?

Explore our library of free templates and start building accessible, USWDS-compliant digital experiences today.

Browse All Templates