Welcome to Our Pattern Library

The header section of a web page is a crucial component that typically appears at the top of the page and contains essential information and navigation elements. It often includes the website’s logo, primary navigation menu, search bar, and sometimes contact information or social media links. The header sets the tone for the site’s branding and helps users quickly understand the website’s purpose and how to navigate it. A well-designed header enhances user experience by providing easy access to key areas of the site and ensuring a cohesive and professional look across all pages.

Pricing page sections on websites typically serve to outline the various pricing tiers or packages available for a product or service. These sections often provide clear descriptions of each tier’s features, benefits, and associated costs, helping users make informed decisions about which option best suits their needs and budget. Additionally, they may include call-to-action buttons to encourage users to sign up or learn more about specific plans.

Newsletter signup page sections on websites usually include a clear and concise headline, a brief description of the newsletter’s benefits, and a simple form asking for minimal information such as name and email address. Additional elements might include social proof like testimonials, a preview of past issues, and a prominent call-to-action button to encourage subscriptions.

Website footers are located at the bottom of web pages and typically contain important information such as contact details, copyright notices, privacy policies, and links to social media or other relevant pages. They serve as a navigational aid and provide users with easy access to key information and resources.

A testimonial page section on a website features positive feedback and reviews from satisfied customers or clients. This section helps build credibility and trust with potential customers by showcasing real experiences and endorsements, often accompanied by names, photos, and specific details about their experiences.

A team page on a website typically includes sections such as team member profiles, which highlight individual roles, skills, and backgrounds, as well as a mission statement that underscores the collective vision and values. This page often features professional photos and contact information, fostering transparency and trust with visitors.

Text layouts are a fundamental aspect of web design that significantly influence a website’s functionality and user experience.

Galleries present collections of images or multimedia content in an organised, often interactive, layout. They enhance user experience by allowing easy browsing and showcasing visual content in a visually appealing and structured manner.

An FAQ page on a website serves to provide quick and accessible answers to common questions, helping to reduce customer support inquiries and improve user experience by offering immediate solutions and information.

A CTA (Call to Action) section on a is designed to prompt visitors to take a specific action, such as signing up for a newsletter, making a purchase, or downloading a resource.

A hero image is a large, visually striking image or graphic displayed at the top of the page to capture attention and set the tone for the web page.

Cards are used to display information in a visually organised and engaging manner making it easy to browse and consume.

well-structured page sections that include both text and images is crucial for an engaging and effective website.

A selection of contact page sections displaying contact details, forms and maps.