18F/18f.gsa.gov

---
title: Happy Valentine's Day from the U.S. Web Design Standards team
authors:
    - melody
    - carolyn
    - erica
    - maya
tags:
    - web design system
    - best practices
    - tools you can use
image: /assets/img/vday/roses-violets.png
excerpt: This Valentine’s Day, we’re sharing some love from the Standards, which include a library of open source UI components and a visual style guide for U.S. federal government websites. These tools — and these Valentine’s Day cards — follow industry-standard web accessibility guidelines and use the best practices of existing style libraries and modern web design.
description: This Valentine’s Day, we’re sharing some love from the Standards, which include a library of open source UI components and a visual style guide for U.S. federal government websites.
---
How do we love the [Draft U.S. Web Design Standards](https://playbook.cio.gov/designstandards)?

Let us count the ways.

This Valentine’s Day, we’re sharing some love from the Standards, which include a library of open source UI components and a visual style guide for U.S. federal government websites.

These tools — and these Valentine’s Day cards — follow industry-standard web accessibility guidelines and use the best practices of existing style libraries and modern web design. Created and maintained by [U.S. Digital Service](https://obamawhitehouse.archives.gov/digital/united-states-digital-service) and [18F](https://18f.gsa.gov/) designers and developers, the Draft Web Design Standards are designed for use by government product teams who want to create beautiful, easy-to-use online experiences for the public.

So spread a little love this Valentine’s Day...because nothing says “I love you” like sharing our Draft U.S. Web Design Standards cards.

![The draft web standards accordion with a valentines message exposed.]({{site.baseurl}}/assets/img/vday/accordion.png)
**Accordion to me, you’re the best.**

![A valentines message floating above the draft web standards logo.]({{site.baseurl}}/assets/img/vday/no-standard-way.png)
**There’s no standard way to say I love you this Valentine’s day.**

![Valentines messages written on the draft web standards button templates.]({{site.baseurl}}/assets/img/vday/press-all-buttons.png)
**You press all my buttons.**

![A heart superimposed over the draft web standards grid]({{site.baseurl}}/assets/img/vday/entire-grid.png)
**My heart would fill this entire grid.**

![A rose and a violet with a valentines message.]({{site.baseurl}}/assets/img/vday/roses-violets.png)
**Roses are #E31C3D Violets are #0071BC.**