









The identity gives each department its own principal color while sharing a common icon language, typography, and tone across the agency. I carried that same logic into the web design. Department landing pages needed to be immediately identifiable as Behavioral Health, Environmental Health, or Public Health, while still reading unmistakably as part of Alameda County Health as a whole.

For the build, I used the U.S. Web Design System (USWDS), the federal government's open source design system, as the foundation. USWDS gave the project a component library and accessibility standards already built for public sector sites, which let me focus on adapting the system to the agency's new identity and information architecture rather than building UI patterns from scratch. To manage the volume of programs, I built a flexible template structure rather than individual page designs, so program pages would be easy for county staff to populate and maintain, easy for residents to scan and find what they needed, and consistent enough that a visitor could move between departments without feeling like they had left the site.


The result is a web design system that gives Alameda County Health's digital presence the same clarity and cohesion as its new brand identity. Residents can move between departments and programs without losing their sense of place, and the county has a scalable, USWDS-based template structure to grow into as new programs are added.

The identity gives each department its own principal color while sharing a common icon language, typography, and tone across the agency. I carried that same logic into the web design. Department landing pages needed to be immediately identifiable as Behavioral Health, Environmental Health, or Public Health, while still reading unmistakably as part of Alameda County Health as a whole.
The result is a web design system that gives Alameda County Health's digital presence the same clarity and cohesion as its new brand identity. Residents can move between departments and programs without losing their sense of place, and the county has a scalable, USWDS-based template structure to grow into as new programs are added.