VA.gov Design System

Our content style guide and front-end framework, Formation, include guidance, standards, and tools to help teams build a consistent, intuitive, and Veteran-centered experience across VA.gov. Get started Table of Contents Content style guideContent principlesWriting for SEOWord listFormationVisual design stylesComponentsUtilitiesDesign patternsPage layout & templatesResources Content style guide By practicing language in […]

Our content style guide and front-end framework, Formation, include guidance, standards, and tools to help teams build a consistent, intuitive, and Veteran-centered experience across VA.gov.

Get started

Content style guide

By practicing language in an intentional way, we can provide content that supports Veterans’ needs and improve their experience on our site. See usage guidelines, examples, and more.

Content principles

Our content principles guide the voice and tone of everything we write.

Writing for SEO

See basic SEO tips and best practices for making content findable in searches.

Word list

Use our in-house style for common words on VA.gov, so we can use words and labels consistently.

Formation

Formation, our front-end framework, is built with reusable components, patterns, and object-oriented CSS, allowing you spend less time on common UI problems and implementation, and more time solving Veterans’ needs.

Visual design styles

Use our color palette, typography, and more to give all sites on the VA.gov platform a consistent look and feel.

Components

Design and code for interface building blocks that can be reused across the VA.gov platform.

Utilities

HTML classes scoped to a single property that can be used to override default properties or style new objects without writing additional CSS.

Design patterns

Components and utilities can be combined to solve recurring user needs. Here, we provide design samples and code for our design patterns.

Page layout & templates

Information about the design grid, how to build page layouts, and examples of page templates.

Resources

Downloads, links, and third-party tools to help designers and developers create and build applications and products for VA.gov.

Source Article

Next Post

Decor and Design

Fri Mar 20 , 2020
Monday, March 30, 2015 If your home is your safehaven, then your Master bedroom is your command center. It’s the place where you can recharge and refresh from the busy-ness of our everyday lives. It’s essential to create an atmosphere for yourself that is warm and inviting and comforting. […]