Form style guide

Why forms?

Forms allow users to enter information into a page.

We use forms when we need to gather information from users to help them get a service or complete a task.

A form helps City staff do their jobs by collecting information from users in a structured way that can be delivered electronically.

This guide is based on the US Web Design System. It is a work in progress and will be updated with more examples and guidance.

Example content user stories for why you might need a form

Define the user need for the resident or customer, and the user needs for the City staff or consumption endpoint.

As a contractor in San Francisco, I want to get a building permit So that I can do construction.

As a permit tech for the Department of Building Inspection, I want to review and approve a permit So that I meet my deadlines and keep the City building

As a program manager for the City and County of San Francisco, I want to approve business owners for sick leave reimbursement So that I can disburse the grants.