---
permalink: /visual-style/
layout: styleguide
title: Visual style
slug: visual-style
lead: A typography suite and color palette designed to meet the highest standards of usability and accessibility, while setting a consistent visual voice of credibility, warmth, and simplicity within USAJOBS.
---

<a href="{{ site.baseurl }}/getting-started/#maturity" class="usa-label maturity design_complete">
  Design Complete
</a>

<!-- a class="usa-button usa-button-primary-alt" href="{{ site.baseurl }}/assets/releases/wds-design-v0.8.zip">Download the design files</a>
<p class="usa-text-small">Download a zip file with font files and color swatches.</p -->

{% assign sorted_pages = site.visual | sort: 'order' %}
{% for visual in sorted_pages %}
  <h2 class="usa-heading" id="{{ visual.title | slugify }}">{{ visual.title }}</h2>
  <p>{{ visual.content }}</p>
{% endfor %}