Masthead

Creating a functional masthead design helps users find important links while reinforcing brand identity.

Term

Masthead (ˈmæsthed)

Definition

The masthead is the upper part of a website, usually found at the top of each page, displaying the site's logo and the main navigation links.

Where you’ll find it

In web design, the masthead appears in the topmost section across all pages of a website. It is a standard feature in most website templates and is visible in both desktop and mobile versions of a site, although its layout may differ on smaller screens.

Common use cases

  • Highlighting the brand identity by placing the company logo prominently.
  • Facilitating easy navigation across the website with links to key sections.
  • Sometimes used to insert contact information or a call-to-action button to encourage visitor engagement.

Things to watch out for

  • Ensuring the masthead is not excessively large, which can push important content down the page.
  • Adapting the masthead for mobile devices to ensure it remains functional and visually appealing.
  • Avoiding overload in the masthead with too much information, which can confuse and drive visitors away.
  • Header
  • Navigation Menu
  • Branding
  • Responsive Design

Pixelhaze Tip: Keep your masthead clean and simple. Use only essential elements like your logo and main navigation. This can help maintain clarity and ensure that your site is easy to navigate, improving the user experience.
💡

Related Terms

Asynchronous Review

This feature allows clients to review project work at their convenience, providing feedback without meetings.

Upwork Connects

Freelancers use these tokens to apply for jobs, supporting selective bidding and efficient resource management.

Portfolio PDF

A downloadable Portfolio PDF provides an easy way to share your work in a professional format that clients can access anytime.

Table of Contents