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. 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 and Our Organization.

Wordmark text

Code


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