{"id":317,"date":"2025-07-15T09:40:46","date_gmt":"2025-07-15T13:40:46","guid":{"rendered":"https:\/\/www.clarku.edu\/jp\/?page_id=317"},"modified":"2025-12-16T10:16:49","modified_gmt":"2025-12-16T15:16:49","slug":"headers","status":"publish","type":"page","link":"https:\/\/www.clarku.edu\/wordpress\/layout\/headers\/","title":{"rendered":"Page headers"},"content":{"rendered":"\n
\n
\n

There are two types of page headers on ClarkU’s website: the standard red treatment, and an additional graphical landing page treatment.<\/p>\n\n\n\n

Standard headers<\/h2>\n\n\n\n

The standard ClarkU header is a red color field with a title on it, and it may also include a navigation block. It is used for departments, offices, centers, and subpages, and it’s what you see at the top of this page. When in doubt, use this header treatment.<\/p>\n\n\n\n

Landing page headers<\/h2>\n\n\n\n

Landing page headers should be used sparingly, but they offer more variety.  They use a graphical hero that has an overlaid red color field in the \u201cnotch\u201d style that contains the title of the page, and optionally a navigation block.  <\/p>\n\n\n\n

A landing page header uses an image or background video for graphic that grabs the visitor’s attention and inspires them to explore more deeply. Landing page headers are appropriate for schools, top-level website sections, and pages that are likely to be \u201cfirst impression\u201d landing pages that receive traffic from an advertising campaign or similar.<\/p>\n\n\n\n

Example landing pages include: the clarku.edu homepage, Admitted Students, and The School of Business.<\/p>\n\n\n\n

The ClarkU header<\/h2>\n\n\n\n

Every page includes the main Clark University seal, search, and navigation. It appears as an overlay to whatever an individual page’s header might be. The ClarkU header serves to show the affiliation of every page with Clark University.<\/p>\n<\/div>\n\n\n\n