Skip to main content

Style Guide

Welcome to the InsureKidsNow.gov (IKN) Style Guide

This guide is your central resource for creating consistent, accessible and user-friendly digital experiences for the families and partners interacting with InsureKidsNow.gov. Think of it as the foundation for our shared visual and interactive language, helping us build trust and deliver information effectively. It brings together our principles, standards and tools to support designers, developers, content creators and anyone involved in building IKN's digital presence. This is the first step toward a comprehensive IKN design system.

Why Use the IKN Style Guide?

Consistency matters, and so does clarity. By using this guide, we ensure that every interaction with IKN online feels familiar, reliable, and easy to navigate. It helps us speak with one voice, visually and textually. Adhering to these standards allows us to:

  • Build Trust: Create a unified and professional IKN brand experience across all digital touchpoints.
  • Ensure Accessibility: Meet and exceed Section 508 compliance requirements, making our services usable for everyone.
  • Improve Usability: Provide intuitive interfaces and clear content that helps users find what they need quickly.
  • Increase Efficiency: Streamline design and development workflows with reusable components and clear guidance.

What You'll Find Inside

Logo

InsureKidsNow.gov Logo

Colors

Typography

Government websites need clear and consistent headings, highly legible body paragraphs, clear labels, and easy-to-use input fields. Our default typefaces are designed for legibility and can adapt to a variety of visual tones.

Button

Icons

This guide is organized to provide easy access to the core elements you need:

  • Guiding Principles: The fundamental ideas that shape our design decisions, focusing on user needs, accessibility, and clarity.
  • Visual Foundation: Guidance on using the IKN color palette, typography, logos, and spacing to create a cohesive look and feel.
  • UI Components & Patterns: A library of reusable interface elements (like buttons, forms, and navigation) with code snippets and usage guidelines to ensure consistency.
  • Content Style Guide: Standards for voice, tone, grammar, and specific terminology relevant to IKN, ensuring our communication is clear, compassionate, and consistent.
  • Accessibility Standards: Practical guidance and best practices for creating accessible content and interfaces from the start.

Getting Started

Ready to dive in? Here's how different roles can best use the guide:

  • Designers: Explore the Visual Foundation and UI Components sections.
  • Developers: Head to the Components or Patterns section for code implementation details. Find instructions for integrating styles and components into your projects.
  • Content Creators: Familiarize yourself with the style guide to ensure your writing aligns with the IKN voice and tone.

Building on Solid Ground

We aim to follow best practices in web design and development. Where appropriate, our standards align with or build upon established systems like the U.S. Web Design System (USWDS) to ensure robust, compliant and effective digital solutions for IKN.