Skip to main content

Foundation

The Foundation section provides the essential building blocks for designing and developing the InsureKidsNow.gov website. These foundational elements ensure visual consistency, accessibility, and a positive user experience across all pages and devices.

Whether you're a designer, developer, content creator, or project manager, this section will help you understand and apply the core design principles that make InsureKidsNow.gov recognizable, accessible, and easy to use.

What's included?

Breakpoints

Understand the screen sizes and breakpoints we use to create responsive designs. These breakpoints ensure the website works well on all devices, from small mobile phones to large desktop screens.

Color

Explore the official color palette for InsureKidsNow.gov. This section shows which colors to use, their hex codes, and how to apply them while meeting accessibility standards for color contrast.

Typography

Review the fonts, font sizes and text styles used throughout the website. Consistent typography improves readability and helps create a professional, cohesive look across all pages.

Spacing

See the spacing units we use for padding, margins, and layout. Consistent spacing creates visual harmony and makes the website easier to scan and navigate.

Why Foundation matters

Following these foundational guidelines helps us:

  • Maintain a consistent look and feel across the entire website
  • Meet accessibility standards so all users can access our content
  • Work more efficiently as a team by using shared standards
  • Create a professional, trustworthy experience for families seeking health coverage for their children