Hero (with icon)

ICE logo

A Hero component should only ever be used at the top of a page for hero content. In this example the corner shape is visible and there is the option to include a short paragraph plus an icon/small image.

The hero element has been limited so that only ONE hero component can be used on a single page. The other options available are:

  • Hero (with Contact Form) - as per Contact page
  • Hero (with Media) - include an image or video
  • Hero (with Gradient) - for large image that bleeds fullscreen
  • Hero (with Full Video) - as per Homepage

Intro Copy (with Media)

This component can be used when you have an important introduction on the page which needs to sit alongside an image or video.

If you would like to make use of the video hover effect then please upload both a placeholder image and video link. The placeholder image ideally should be the first frame of the video.

Intro Copy (with Callout)

This is a subheading, a longer paragraph is ideal to call out here

This Content block allows you to add a full supporting paragraph, plus an image to sit alongside it.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas elit id diam ultrices, viverra lacinia dolor tempor. Quisque sodales arcu nulla, vitae sollicitudin mauris tincidunt vel.

Optional link text
ICE logo

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Normal text used for a paragraph ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas elit id diam ultrices, viverra lacinia dolor tempor. Quisque sodales arcu nulla, vitae sollicitudin mauris tincidunt vel. Donec viverra eros vel sagittis facilisis. Fusce accumsan diam ut nulla iaculis viverra. In vulputate dui ullamcorper porttitor porttitor.

  • Bullet point list 1
  • And another bullet point
  • Plus one more bullet

Hyperlink

"This is an example of a quote and what it's styling looks like in the WYSIWYG editor"

John Smith, A Worker

Images

For best results with images across the site it is recommended that images are uploaded as 16:9 (widescreen) dimensions. These images should be optimised as much as possible so that page load times aren't impacted and the website performs well. We recommend the use of https://tinypng.com/ which will compress your images for web.

Content (Row)

Consultancy example4

The Content (Row) component should be used when you want content to sit alongside an image. There is the option to include a CTA link. You can also choose if you want a white/black background and the image positioned left/right.

Optional link text

Content (Row)

Consultancy example4

The Content (Row) component should be used when you want content to sit alongside an image. There is the option to include a CTA link. You can also choose if you want a white/black background and the image positioned left/right.

Optional link text
Print and Apply Labellers (LPA)

Label Print Apply

Labelling ice Zebra LPA desktop labels

Industry Uses: Food | Beverages | Pharma | Hardware | Automotive | Aerospace | e-commerce

Ideal For: Shrink wrap | Cases | Cardboard | Wood | Film

The ICE Vulcan Print and Apply Labelling machine is a leap forward in technological innovation, offering unparalleled simplicity and reliability. It prints up to three times faster than traditional labellers and 10 times faster than hand applicators, precisely matching the speed of the packaging line without ever missing a pack. The Zebra off-the-line printers effectively label slower and varied packaging across lines, adding production flexibility which brings the most benefit when used alongside the ICE Vulcan. Clearmark now offers the Vector pallet labeller, capable of printing up to four labels on three sides with two pallet stop positions.
View the Range
Spares

Spare Parts

Printhead and wipe Clearmark edit

Available For: Ice | Zebra

To minimise the risk of printer damage and ensure peak performance, we recommend using only genuine ICE and Zebra parts with your equipment. These are available individually, or we can offer a tailored recommended spares package at special rates, to meet your coder requirements.
View the Range

Clearmark Charity Week

Clearmark Fundraising week end of week 22 06 20 JL

Date: 15 - 19 June 2020

Location: Clearmark, Olympic House

Over £3000 raised during Clearmark's Charity Week supporting The Rainbows Hospice. Fundraising activities ranged from, marathon running, cycling, virtual mountain climbing, baking and more.
Find out more

Content (One Column)

Use this component when you want a single block of copy on the page. The line length has been fixed to a set width in the page grid, for optimum readability. This component uses a standard WYSIWYG so you can add different heading sizes, bold, italic, bullet points and hyperlinks.You can also include images and video here too.

Content (Two Columns)

Use a smaller heading size for a sub heading

Use this component when you want two columns of copy on the page. This component uses a standard WYSIWYG so you can add different heading sizes, bold, italic, bullet points and hyperlinks. You can also include images and video here too.

Use a smaller heading size for a sub heading

Use this component when you want two columns of copy on the page. This component uses a standard WYSIWYG so you can add different heading sizes, bold, italic, bullet points and hyperlinks. You can also include images and video here too.

Content (Two Columns)

You can also use this component on a light blue background if preferred.

There is the option to include an image in the right column, plus an optional CTA link.

Content (with Featured Image)

This component is great when you want to call out a piece of content or have a larger image that stretches to the edge of the browser and have more prominence on the page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas elit id diam ultrices, viverra lacinia dolor tempor. Quisque sodales arcu nulla, vitae sollicitudin mauris tincidunt vel. Donec viverra eros vel sagittis facilisis. Fusce accumsan diam ut nulla iaculis viverra. In vulputate dui ullamcorper porttitor porttitor.

Consultancy example4

Content (with Media)

Use this component when you have some copy that you want to sit alongside an image or video.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas elit id diam ultrices, viverra lacinia dolor tempor. Quisque sodales arcu nulla, vitae sollicitudin mauris tincidunt vel. Donec viverra eros vel sagittis facilisis. Fusce accumsan diam ut nulla iaculis viverra. In vulputate dui ullamcorper porttitor porttitor.

Optional link text

Content (with Form)

'Border/Dark Text' form on Light Blue background colour

In this component you can select which form you would like to display. Different forms have been set up with different styling. In this example you can see the 'Border/Dark Text' form has been selected. This sits better on the Light Blue background colour.

Content (with Form)

'No Border/Dark Text' form on Light Blue background colour

In this component you can select which form you would like to display. Different forms have been set up with different styling. In this example you can see the 'No Border/Dark Text' form has been selected. This sits better on the Light Blue background colour.

Content (with Form)

'No Border/White Text' form on Blue Gradient background colour

In this component you can select which form you would like to display. Different forms have been set up with different styling. In this example you can see the 'No Border/WhiteText' form has been selected. This sits better on the Blue Gradient background colour.

Awards Slider

In the Awards Slider below you just need to select multiple Awards that have previously been created within Entries. You can drag and drop to change the ordering of these in the slider.

HIGHLY COMMENDED
Excellence in Customer Service Award

FINALIST
Outstanding Growth Award

East Midlands Chamber Business Awards

2018

HIGHLY COMMENDED
Outstanding Customer Service

FINALIST
Exceptional Sales Performance

PPMA Industry Awards

2018

WINNER
Small Business of the Year

Nottingham Post Business Awards

2017

HIGHLY COMMENDED
Outstanding Customer Service

PPMA Industry Awards

2017

Testimonial Slider

In the Testimonial Slider below you just need to select multiple Testimonials that have previously been created within Entries. You can drag and drop to change the ordering of these in the slider.

My experience with other thermal transfer printers is that you need a PHD in maze solving just to change the ribbon. With the ICE Zodiac, you just drop the ribbon spool in and off you go.

David Low 

Founder

Cruga Biltong 

We quickly realised the benefit of switching our coding system after the first two ICE Zodiacs were installed.

Fred Williams 

House Manager

S & A Products 

The team are always polite and know how important it is that we receive our requests as soon as possible due to the nature of our business. We are totally satisfied with the service they provide.

Neil Cullingworth 

Dovecote Park 

I love this new site

Lucy Williams 

Job title

Tribe 

Gallery Slider

In the Gallery Slider below you just need to add multiple 'slides' each with an image added from the asset library. There is an option to add a caption to the image if you want to explain the product on display, for example. It is recommended that this caption is kept small for best results, especially on small screens and mobile devices.

Image Gallery

In the Image Gallery below you just need to add multiple images to the component. These are displayed in multiples of 5 so it's a good idea to upload multiples of 5 images into this component, to avoid duplicates showing at the same time. It is recommended that no more than 20 images are uploaded to this component so that page load times and web performance aren't negatively impacted.

CTA Strip

The CTA Strip component is useful when you need a section with a clear CTA for an onward journey. You can include multiple links if necessary with the option to link to an internal page, external URL, phone number, email etc. It is recommended that any external links are set to open in a new window.

CTA Strip

This CTA Strip can use either a dark navy or light blue background colour.

Quick Links Strip

The Quick Links Strip is usually placed at the top of a page (below the hero) and can be used to add quick links that jump the user down the page to a section of content. Keep in mind the width of the page so that too many links aren't added into this strip. There is room for 2 call out CTAs on the right of the strip.

To set the link ID (#) of a content section that you want to link to, you will notice in the component that there is a tab called 'Meta'. This is where you can give the component an Anchor ID. Do not use spaces in this ID.

Then, within the Quick Links Strip component you can add this anchor ID to the Link URL. Remember to include a hashtag (#) at the beginning.

Benefits

Icon / Close Created with Sketch. Benefit number one

Icon / Close Created with Sketch. Another benefit here

Resources
This Benefits & Resources component has been created for the Product pages.

Zodiac FAQs

Zodiac resource filter

Entries (Three Columns

Safecontractor
Safecontractor approved
EMCC membership badge 10 07 17 JL
We are also a member of the Derbyshire and Nottinghamshire Chamber of Commerce, the leading business organisation in the East Midlands.
BBI
Clearmark is a proud member of The British Bottlers Institute, working alongside bottlers to improve their packaging production efficiency.

Entries (Four Columns)

Safecontractor
Safecontractor approved
EMCC membership badge 10 07 17 JL
We are also a member of the Derbyshire and Nottinghamshire Chamber of Commerce, the leading business organisation in the East Midlands.
BBI
Clearmark is a proud member of The British Bottlers Institute, working alongside bottlers to improve their packaging production efficiency.
SIBA
Clearmark is a proud member of the Society of Independent Brewers, supporting brewers with industry-leading coding and labelling solutions.
Accordion example

Although this component is titled FAQs, which is what it was originally intended for, it can also be used for any content that you wish to put into an accordion where content can be expanded/closed.

Question

Your answer can be formatted using the standard WYSIWYG where you can add headings, bold, italics, bullet points, hyperlinks etc. You can also add an image or video if needed too.

Multi Columns

This component is intended to insert columns that link to products. You can either link to product entries or categories. You can have up to 4 columns in this component. If you only choose 2 products then this will be formatted appropriately into 2 columns. Similarly if you select 3 then you will see 3 columns.

 
Featured Content

In this component you can select an existing news article or success story to pull through onto the page. See below...

 

Latest News:

Clearmark wins "Innovative Ancillary Equipment" PPMA award

Clearmark Recognised at the PPMA Industry Awards for an Ongoing Commitment to Providing Innovative Coding Solutions Coding and labelling
Read Article
PPMA 2019 Award Win

Product Categories Block

This is the component that is used on the Product overview page and has been specifically designed for that page.

Optional link text
Themal

Thermal transfer

Perfect for flexible packaging, thermal transfer overprinting offers superior coding quality at the lowest cost of ownership.
Thermal transfer
Print and Apply Labellers (LPA)

Label Print Apply

On-demand labelling is a fast and effective method of adding alphanumeric information to secondary and tertiary packaging.
Label Print Apply

Statistics (with Image) component 100

Numbers only so this can be animated 3145

Another statistic 82644

Maximum stats recommended 4

Clearmark logo blue

Varied Row

The Varied Row component has a lot of customisations to suit your content.

There are a number of optional fields:

  • Year
  • Icon
  • Link
  • Image

The year field is set up for the History page, however this could be used for a numbering system (1, 2, 3) or months (May, June, July).

It is recommended that either the Year or Icon fields are populated, rather than both together.

There is also the option to choose between background colours - white, black or blue. And you can choose to have the image spread to the edge of the browser, or be contained within the grid of the website.

Optional link text
Consultancy example4
2020

Dark background with extended image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate aliquet nisl dignissim sollicitudin. Donec ut dui fermentum, finibus ante nec, imperdiet libero. Aliquam et posuere justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus ullamcorper leo lacus, nec pretium velit efficitur eu.

Hawk hero
 
Servicing

Blu background with contained image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate aliquet nisl dignissim sollicitudin. Donec ut dui fermentum, finibus ante nec, imperdiet libero. Aliquam et posuere justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus ullamcorper leo lacus, nec pretium velit efficitur eu.

Optional link text
Consultancy example4

Careers Grid automatically pulls through Job entries

Stylised Form

You can select a stylised form created within the Freeform plugin

Map Block

OLYMPIC HOUSE,
WILLOW DRIVE,
SHERWOOD BUSINESS PARK,
NOTTINGHAM,
NG15 0DP

You can add this map block to any page on the site where you would like to show your visitors the location of your Clearmark offices. All you need is the Lat and Lng coordinates from Google maps.

Get Directions

Training Days

This component automatically pulls in your training day entries.

13th October 2021
Product Training (Any Product or Software)
This training session is available on-site or remotely.
Email us to book this training day
14th October 2021
Product Training (Any Product or Software)
This training session is available on-site or remotely.
Email us to book this training day
28th October 2021
Product Training (Any Product or Software)
This training session is available on-site or remotely.
Email us to book this training day

Load More

Past Exhibitions will automatically pull in articles with 'exhibitions' tag.

Beer X 2020 Clearmark Team on stand 2
Clearmark to Bring ROI Boosting ICE Vulcan Labeller to BeerX

2 Mar 2020

Clearmark is bringing its industry-leading ICE Vulcan Print and Apply Labeller to BeerX to show brewers how it can offer...
Read full article
PPMA 2019 Award Win
Clearmark wins "Innovative Ancillary Equipment" PPMA award

23 Oct 2019

Clearmark Recognised at the PPMA Industry Awards for an Ongoing Commitment to Providing Innovative Coding Solutions Codi...
Read full article
PPMA 2019 Team
Clearmark showcasing range of coding solutions at PPMA TOTAL 2019

1 Sep 2019

CLEARMARK (ICE), STAND D26, BIRMINGHAM NEC, 1 – 3 OCTOBER 2019 Clearmark exhibited a growing range of ICE coding equipm...
Read full article
Grid Block

You can use this component to create a grouping of content blocks, each with an optional icon and link.

Ribbon
Example grid block

Write a short summary of content for your grid block

Example link