Official Site of The State of New Jersey
New Jersey Web Presence Hub
NJ Web Presence Guidelines
In order to reinforce the State of New Jersey brand online, it is important that state websites and applications follow the New Jersey Web Presence Guidelines. The goal of these guidelines is to help establish a user interface that is familiar to any person using a State of New Jersey website or application, helping to create trust. It is also important to follow these guidelines in order to meet accessibility standards, usability best practices and responsive design.
NJ Web Presence Guidelines
NJOIT Digital Services is available to support agencies website needs for website redesigns and development. Review the Website Service Proposal to learn more about the services offered.
Typography
The font face for the State of New Jersey web presence is Roboto. If that font is not available, the use of Open Sans or Public Sans is acceptable.
Roboto Font for DownloadIcons
The font used for icons in the State of New Jersey Web Presence is Font Awesome. Examples of font icons include the house icon for Home and the magnifying glass for search.
Universal NJ Icon UsageGlobal Header and Footer
When using Bootstrap as your website’s framework the following code can be used to include the State of New Jersey global header and footer.
For Websites
HTML Code
https://nj.gov/nj/design/components/header.shtml
https://nj.gov/nj/design/components/footer.shtml
CSS/Js
https://nj.gov/nj/design/css/sonj-components.css
https://nj.gov/nj/design/css/bootstrap.min.css
https://nj.gov/nj/design/js/sonj-header.js
For Applications
HTML Code
https://nj.gov/nj/design/components/application/header.shtml
https://nj.gov/nj/design/components/application/footer.shtml
CSS
https://nj.gov/nj/design/css/sonj-components.css
https://nj.gov/nj/design/css/bootstrap.min.css
Images
Need More Information?
Contact the Digital Services Unit of the New Jersey Office of Information Technology for additional information.
Back
to top