Explore examples of common patterns used in Payroc websites.
The main navigation, search and news bar.
The first block used on the homepage to intorduce users to the website.
The first block used on inner pages to introduce users to the product/service.
The first block used on inner pages, including a video embed.
The first block used on inner pages, with only a title, introduction and call-to-action.
Use this flexible, justified grid to show logos of our partners/clients.
Display team members in a clean grid, using modals to show furtner information.
Highlight the key call-to-action on the page with this block. For use just above the footer.
Highlight the key call-to-action on the page with this block. For use throughout the page.
Show off photographs with captions using this carousel block.
Show off our products' key features using this carousel block.
Show off our case studies using this carousel block.
Provide a chronological overview of events using this carousel block.
Show off our testimonials using this carousel block.
Provide details of different services to our users with these information cards.
Provide details of a product/service and a link to their page with these link cards.
Allow users to select the cateogires they wish to see with this filter block.
Compliment your key points with a right-aligned video.
Provide users with links to the latest, relevant blog articles.
Present an image at full width with a headline and complimentary text.
Show information alongside a right-aligned image.
Show information alongside a left-aligned image.
Highlight what happens at each stage of a 3 step process.
Highlight what happens at each stage of a 4 step process.
4 rows with icons to illustrate the information presented.
A dark version of 3 rows with icons to illustrate the information presented.
4 rows with icons to illustrate the information presented along with a link.
Provide a list of links to other pages within the website.
Display a responsive table with a subtitle and headline.
Display key statistics with icons.
For use on legal pages of our websites.
A right aligned contact form, with information on the left.
A right aligned accordion group, with information and optional CTA on the left.
The final block on the page, providing links to key pages and legal information.
