MIX ‘N’ MATCH
Welcome to Our Design Pattern Library
A comprehensive collection of patterns that you can mix and match for each page of your site to create a professional website design for your business.
What Are Design Patterns?
Design Patterns are standard layouts for sections of a web page that can be customised by changing the content (text, images and media), colours and fonts. For example, typical patterns are a hero section (the large image and headline at the top of a page), an introduction, a list of services, testimonials or a contact form.
How Does it Work?
You will find the most common page sections listed below. First decide which pages you need for your site, then simply browse the sections and list the appropriate sections for each page of your website.
Need Help?
If you need help deciding on the required pages and sections for your site. Get in touch and we’ll arrange a meeting.
Page Section Library
-
Header Section Layouts
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 Section Layouts
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 Layouts
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. -
Footer Layouts
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. -
Testimonial Layouts
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. -
Team Layouts
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.
