The UFT site header should be persistent through every page. It can have the following elements (only the logo and bottom rainbow border bar are required):
- The UFT Logo (site name viewable on wider viewports only)
- Utility (top) Navigation
- Main Navigation
- Top search box
- Log In
The header should be responsive, should display properly across every viewport. A viewport is the user’s visible area of a web page. The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen. The header should:
- Be at the top of every web page
- It should should be a flexible width and stretch across the page, when possible
It should always contain the following elements:
- The UFT Logo
The logo should be white (#ffffff) over the official UFT blue background (#124ec2). At the larger viewports, the accompanying text spelling out “The United Federation of Teachers A Union of Professionals” can display. While this is encouraged, it is not required. - The bottom rainbow bar
The bottom rainbow bar border should always border the bottom. How to create this border is up to the developer, but the basic characteristics are as follows:
- It should be 6 pixels high
- It should have four equal quadrants in the following colors in order: #e93836 (red), #f59235 (orange), #28a631 (green) and #993398 (purple)
The three samples below illustrate the header at different viewports. While the navigation is not required, the UFT logo, background blue and bottom rainbow border bar are, and must display at all times.
