Logo
The InsureKidsNow.gov logo visually represents the brand and helps users confirm they are on an official government website. The logo appears in two versions: a color logo in the site header and a white logo in the site footer. Both versions are clickable and always link back to the InsureKidsNow.gov homepage.
IKN Color Logo
#0D76AD
IKN brand
blue
#FF913D
IKN brand
orange
#661466
IKN brand
plum
Purpose:
The logo serves two main purposes:
- Brand identity - establishes trust and reinforces the visual identity of the site.
- Navigation - provides a quick, familiar way for users to return to the homepage from anywhere on the site.
IKN White Logo (Blue Footer)
#0D76AD
IKN brand
Blue
#FFFFFF
IKN brand
White
Accessibility Guidelines:
Following W3C accessibility standards and USWDS guidance, logos that act as links are considered functional images.
- Each logo must include alternative text (alt text) that tells users where the link will go (for example: "Insure Kids Now home page").
- Logos must be keyboard accessible and show a visible focus state when selected.
- Screen readers should correctly identify the logo as a link and announce its destination.
When to use each logo:
- Color logo: Display in the site header on light or neutral backgrounds.
- White logo: Display in the site footer or on dark backgrounds.
Placement:
- header logo is positioned in the top left corner of every page and is part of the site's global header.
- The footer logo is positioned in the bottom left corner within the global footer.
- Both logos maintain consistent padding and alignment relative to surrounding elements.
Behavior:
- Both logos link to the InsureKidsNow.gov homepage.
- The logo should be responsive, scaling smoothly for mobile, tablet and desktop devices.
- Hovering or focusing on the logo should show a clear visual indicator (such as an outline or underline).
Testing checklist:
- Alt text appears on hover.
- Logo receives focus with keyboard navigation.
- Screen readers announce "link, Insure Kids Now home page."
- Focus indicator is visible when the logo is selected.
- Logo redirects correctly to the homepage when clicked or activated via keyboard.