GovHub Logo Policies and Guidelines
Want to add your agency’s logo to your site? Great! Just follow the guidelines below to keep everything looking consistent and professional. We love seeing logos paired with our standard wordmark as it helps maintain a cohesive brand identity, is best for readability, and ensures your site name can be read. Check out the best practices to make sure your logo looks its best!
Policies
Logo with Wordmark
Note: This logo option is best for accessibility and performance. Not to mention it will be the best option for your GAP score.
Must be .svg file type
Max file size: 200 kb
Transparent background behind the logo
No whitespace around the logo
[examples of “bad” and “no” whitespace]
Must pass accessibility color contrast standards (WCAG 2.1 AA)
Name of the agency must not be in the logo
Logo Only
Must be .svg file type
Max file size: 200 kb
Transparent background behind the logo
No whitespace around the logo
Must pass accessibility color contrast standards (WCAG 2.1 AA)
Name of the agency must be in the logo
Guidelines
Make sure your logo does not contain small text that cannot be read on small screens
Recommend 20 kb or under to lower impact to performance
Provide a svg that is responsive, meaning that the width and height is set to 100% in the svg code.
We recommend using the wordmark as it ensures your site name can be read and is best for SEO and accessibility
Helpful Tools
Color Contrast Checker: WebAIM: Contrast Checker
Remove whitespace from around your svg logo: SVG Crop