Information This site is moving

The Pattern Library is moving to its new home on the Summit design system site.

Go to the Summit site
Pattern Library (ver. 1.7)

Note

This page is archived under version 1.7 and is available for reference purposes only. The latest version of Pattern Library is 2.

Wordmark

The wordmark may be used as a visual label for a section of pages on your website. The wordmark text should inform the user what overall section of the website they are viewing. The wordmark should be placed at the top of the page, beneath the navigation, and above any content.

See examples at Office of the mayor, 17 Avenue S.W. Construction Project, and Our Organization.

Wordmark text

Code


<div class="wordmark">
    <span class="wordmark-text">{{ Wordmark text }}</span>
</div>