Skip to main content
Official website. How you know

Official websites use .gov

A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS

A lock or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

Digital Design System

Brand architecture

Overview

New York City government is home to hundreds of unique brand identities. Some are well-known and beloved by New Yorkers. Others contribute to the feeling that government is a confusing “alphabet soup.”

Though there have been attempts over the years to standardize city branding, there is still very little consistency across government. This inconsistency can be problematic, especially on digital channels.

Consistent branding enables easy digital wayfinding. It helps users understand where they are and how to navigate to other parts of the digital network. For this reason, we will detail clear and consistent guidelines for implementing branding on digital properties.


Primary brand

The initials “NYC” and the NYC logo make up the primary brand of the NYC digital network. The presence of this logo tells the user:

  • They are looking at an official NYC government digital property
  • The digital property is trustworthy and contains official information

The NYC logo is the primary brand across digital channels, regardless of agency or product. The official logo is the first item users encounter in the navigation. It helps establish trust and orient users to the way the site is structured.

Primary brand in navigation

Desktop

Desktop screenshot of the nyc.gov main navigation. The white NYC logo is prominently displayed on the left side.

Mobile

Mobile screenshot of the nyc.gov main navigation. The white NYC logo is prominently displayed on the left side.

nyc.gov is the primary brand on the web

On the web, the NYC logo is synonymous with nyc.gov. When the logo appears in navigation, users must understand that clicking this logo will take them to the nyc.gov homepage. Furthermore, information that appears alongside or in the same area as this logo are understood to be global — that is, related to the website as a whole rather than a specific organization or product.


Secondary brands

The NYC digital network consists of a single primary brand (NYC) and hundreds of secondary brands (agencies, applications, initiatives, etc.). While the primary brand tells the user that they are on an official and trustworthy government experience, the secondary brand reinforces this trustworthiness and tells them precisely which part of the government they’re interacting with.

To create consistent guidelines for the many different naming conventions and logos used by city government organizations, we will separate these brands into their discrete elements. Then we will apply a formula to understand which elements should appear in which places on a website.

Brand elementDefinitionExample 1Example 2Example 3Example 4
Official brand nameThe name of the organization or product as it appears in legal documentsNew York City Department of SanitationNew York City Department of BuildingsNew York City Department of TransportationNotify NYC
Simplified brand nameThe shortened name used to refer to the organization or product in public communicationsSanitationNYC Buildings

Brand abbreviationThe acronym or initialism used to refer to the organization or product.DSNYDOBNYC DOT
EmblemA branded visual element including graphic mark(s), icon(s), or other design motifs consisting of an illustrative form or symbol. Emblems may also contain words or letters, but are primarily image-based.the DSNY emblem has text that reads "New York Department of Sanitation" in a circle surrounding a caduceus.

The Notify NYC emblem, a white exclamation point in a red square.
LogotypeA typographic logo that depicts letters and/or words of an official brand name, abbreviation, or simplified nameThe DSNY logotype, the word "sanitation" in lowercaseThe DOB logotype, the NYC logo in blue above the word "Buildings"The DOT logotype, the words "New York City" above a stylized "DOT"The Notify NYC Logotype, the word "Notify" in red text beside a red NYC logo
Hybrid logoA standardized combination of any of the above elementsThe DSNY Hybrid logo combines the DSNY emblem and logotype in a horizontal layout.



Secondary brands in website headers

In the website header, the user will encounter both the primary brand (NYC) and the secondary brand (agency, application, initiative). Differentiating these two brands is important because it will enable the user to distinguish global website elements from local website elements.

Do

Follow this formula for implementing the secondary brand in the desktop website header:

  1. Primary brand (NYC logo)
  2. Emblem. If no official brand emblem exists, omit number 2.
  3. The simplified OR the official name of the secondary brand, excluding “New York City” or “NYC,” in live text.* Use the most clear name variation (official or simplified) for users to understand what the site is about and which part of the government they are interacting with.

Don't

  • Never include an image logotype in the header. Live text makes the site accessible for New Yorkers using translation tools or screen readers.
  • Do not repeat ‘NYC’ in brand name.*

The image displays four examples of how to implement a secondary brand in a desktop website header for New York City agencies, following a specific formula. Each example features a two-line header. The first line consistently shows the primary brand, 'NYC' along with links for 'Services,' 'Events,' 'Your government,' a search bar, and a language selector. The second line is dedicated to the secondary brand. The examples are for NYC Parks, which uses 'Parks' as the secondary brand name; the Fire Department, which uses 'Fire department'; the Department of Citywide Administrative Services, which uses its full name; and the Department of Finance, which uses 'Department of Finance.' Parks and the Fire Department both have emblems to the left of their brand names.

*No repetition of NYC

Because the secondary brand always accompanies the primary brand in the header, including “New York City” or “NYC” in the secondary brand is redundant and potentially confusing. Omit “New York City” or “NYC” in the header except in rare cases where the brand name does not make sense without it, such as “Notify NYC.”

An image showing two website headers. The first example shows the correct use of "Notify NYC" with an icon highlighting this as an exception because the brand name requires "NYC" to make sense. The second example shows the Department of Transportation header with an icon pointing out that the link text "About NYC DOT" and "Contact NYC DOT" incorrectly repeat "NYC.”

Mobile headers

Follow this formula for implementing the secondary brand in the mobile website header:

  1. Home icon
  2. The simplified OR the official name of the secondary brand, excluding “New York City” or “NYC,” in bold live text.* Use the most clear name variation (official or simplified) for users to understand what the site is about and which part of the government they are interacting with.

Parks

Fire Department

Department of Finance


Secondary brands in website footers

The footer is an opportunity to present alternative brand elements to the user. Sometimes, a user may be more familiar with an alternate name, logo, or abbreviation. Including these elements in the footer will help them understand they are in the right place.

Do

Follow this formula for the secondary brand in the desktop sub-property footer:

  1. Official logo. Horizontal logotypes are preferred (side-by-side, not vertically stacked). For brands with both emblems and logotypes, use both. For legibility, ensure that the official logotype letters are a minimum of 10px height. If no logo exists, omit number 1.
  2. The official name, excluding “New York City” or “NYC,” in live text.*
  3. The abbreviation in the social media area

Don't

  • Repeat “NYC” or “New York City” in the sub-property name*
  • Use logos with low contrast. Official logos must have color contrast to be legible in the footer by successfully passing WCAG Compliance with at least 4.5:1 contrast ratio.

Image showing three examples of website footers to demonstrate brand usage. Department of Parks & Recreation: The footer is green and includes the official emblem, "Department of Parks & Recreation" as the full name, a list of links, and a social media area with the "Parks" abbreviation. Department of Transportation (DOT): The footer is dark green and includes the DOT logotype, "Department of Transportation" as the full name, a list of descriptive links, and a social media area with the "DOT" abbreviation. Department of Finance (DOF): The footer is blue and includes the DOF logotype, "Department of Finance" as the full name, a list of links related to finance, and a social media area with the "DOF" abbreviation.

Mobile footers

On mobile, the footer elements appear in the same order as on desktop, but in a vertical orientation.