Skip to main content
Hennepin County
Design System
Menu
Close navigation
Home
Components
Components overview
Installing components library
Components library
Accordions
Alert banner
Breadcrumbs
Buttons
Default buttons
Secondary buttons
Warning or danger button
Disabled button
Carousels
Checkbox
Date picker
File upload
Modals
Radio buttons
Search
Select
Skip navigation link
Tables
Tabs
Text input
Text input field
Textarea field
Tooltips
Validation
Video
Patterns
Patterns overview
Forms
Form basics
Ethical considerations for forms
Structure and sequence
Interface elements of forms
Field labels for forms
Help text and tooltips within forms
Feedback, error messaging, or validation for forms
Success page of forms
Names and addresses
Asking for names
Asking for addresses
Spacing and sizing
Spacing in desktop and mobile
Section spacing
Field spacing
Sizing
Governance
External logins
Login is not required
Login is optional
Login is required
Full guidance
Patterns library
Headers and navigation
Basic headers
Fixed header
Program name header
Mobile menu
Footers
Basic footers
Mobile footers
Utility footers
Content
Content overview
Writing guide
About the writing guide
Updates to the writing guide
A to Z word list
A - M
N - Z
County word list and terms
Hennepin County terms
Court terms
Capitalization, numbers, and punctuation
Capitalization
Numbers
Dates and days of the week
Punctuation and formatting
Writing tips
Inclusive language
Person-centered language
Acronyms and jargon
Contractions
Simple words
Needless words and weak modifiers
Possessive references to groups
Active and passive voice
Lists and coordinate ideas
Action verbs
Plain language
Plain language definition
Applying plain language
Why use plain language
Learn more about plain language
Writing and grammar resources
Translation style guide
For Hennepin County staff
For the translator
Digital writing
Digital text standards
Addresses
Alert banners
Describing complex words
Heading levels
Number formatting
Online surveys and customer feedback loops
Readability tools
Search engine optimization
Summarizing complex content
Text formatting
Transcripts and subtitles for video and audio
User interface copy
Document standards
PDFs, Word documents, and other downloadable files
Document naming, format, size, and purpose
Link standards
Anchor links
Inline links
Link labels
URLs
Social media guidance
Design
Design overview
Design foundations
Colors
Brand colors
Use of color
Accessibility for colors
Best practices for color use
Fonts and typography
Hennepin County brand typefaces
Type scale
Responsive design for typography
Heading levels
Link styling
Iconography
Logos
Logo downloads
Standards
Animation and interactivity
When to use
When not to use
Types of animation, interactivity, and motion
Charts, graphs, and infographics
Guidelines
Requirements
Photos and images
Environmental portraiture
Stock photography
Requirements for photos and images
Accessibility
Accessibility overview
Guidance
Designing for accessibility
Readability
Neurodivergence
Motor disabilities
Developing for accessibility
Writing for accessibility
Alt text
Bold and italics
Headings
Hidden text
Link labels
Tab titles
Transcripts and closed captions
Testing for accessibility
About
About overview
How to get started
Familiarize yourself with the design system
The difference between components and patterns
Explore areas outside of your role
Give feedback on the design system
Revisit to keep learning
Recent updates
Governance
Brand foundations
Developer standards for starting projects
Character encodings
Click-to-call links
Content delivery network for common libraries
Doctype
Domains and subdomains
Error pages
Favicon (shortcut icon)
Homepages and footers
The iframe element
Indexing for search
Language declaration
Plugins
Print style sheets
Secure URL
Session timeouts
Supported browsers
Supported software and file types
Text links
User privacy policy
Governance and maintenance
Introduction to digital usability
Digital usability defined
Accessibility and plain language
How people use county websites
Digital usability checklist
Learning opportunities
Classes for digital usability and inclusive design
Communities of Practice
Digital Experience Champions certification
Connect
Contact us
Search
Search
Recent updates
Title
Description
Date
Launch site
Design system launch
February 28, 2024
Pages in this section
About
About overview
How to get started
Familiarize yourself with the design system
The difference between components and patterns
Explore areas outside of your role
Give feedback on the design system
Revisit to keep learning
Recent updates
Governance
Brand foundations
Developer standards for starting projects
Character encodings
Click-to-call links
Content delivery network for common libraries
Doctype
Domains and subdomains
Error pages
Favicon (shortcut icon)
Homepages and footers
The iframe element
Indexing for search
Language declaration
Plugins
Print style sheets
Secure URL
Session timeouts
Supported browsers
Supported software and file types
Text links
User privacy policy
Governance and maintenance
Introduction to digital usability
Digital usability defined
Accessibility and plain language
How people use county websites
Digital usability checklist
Learning opportunities
Classes for digital usability and inclusive design
Communities of Practice
Digital Experience Champions certification
Connect
Contact us
Back to top