Hoofdheader

Hoofdheader is a Dutch term that translates to main header and is used to describe the top region of a page or document that contains branding and navigational elements. The concept applies to both print and digital media and serves as the first point of visual identity and orientation for readers or users.

In traditional publishing, the hoofdheader, often referred to as the masthead or title banner, identifies the publication and provides branding, the issue date, and sometimes ownership information. It establishes the recognizable look of a publication and remains consistent across pages.

In web design, the hoofdheader is the site header: a container at the top of a webpage that typically includes the logo, primary navigation, and search controls. It may also feature a hero image, promotional banner, or call-to-action. Modern hoofdheaders are often responsive and can be fixed or sticky during scrolling to maintain access to navigation.

Accessibility and semantics are important considerations. Use semantic HTML elements such as the header element and provide accessible labeling for navigation. Ensure sufficient color contrast, scalable typography, and keyboard operability. Performance considerations include avoiding clutter and ensuring fast rendering on mobile devices.

Variants of hoofdheader exist, ranging from a compact header with only a logo and menu to a full-width header paired with a large hero region. The exact design depends on branding goals, content strategy, and user experience requirements.

See also: masthead, header (website), koptekst.