Pattern Library (ver. 1.9)

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>