Contact us: +44 (0)1942 262 622 / hello@foilco.com

Web Guidelines

Colours

.brand-1
.brand-2
.brand-3
.brand-4
.brand-5
.brand-6

.white
.grey-1
.grey-2
.grey-3
.grey-4
.black

Links

Here is some content and in this content is a link

Here is some content and in this content is an active link

Buttons





Forms

Typography

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Lead Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, ac sit amet metus.


Normal Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, ac sit amet metus.


Quotations

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat numquam eius tempora magni asperiores quaerat amet rem corporis deserunt molestias voluptate, cum officia porro sapiente ratione quo laboriosam possimus veniam nihil vel recusandae totam sint omnis? Deleniti et eveniet blanditiis asperiores amet earum omnis facilis? Laudantium eius assumenda vero amet itaque incidunt omnis quae. Rerum aspernatur quidem dicta, laboriosam id.

Unordered List

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, atque.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, incidunt.
    • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, maxime.
    • Itaque voluptatibus ab minus laboriosam sit accusantium maxime, hic sunt!
    • Velit enim distinctio deleniti fugiat non accusamus ex illo, temporibus.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam, omnis?
  • Possimus rem, adipisci. Accusantium voluptates, similique fugit voluptate quisquam unde.

Emphasis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, vestibulum in diam et, sodales porttitor eros. Nullam malesuada nec arcu sodales pellentesque. Curabitur at turpis a eros hendrerit luctus ac sit amet metus.

Italic - Lato Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, vestibulum in diam et, sodales porttitor eros. Nullam malesuada nec arcu sodales pellentesque. Curabitur at turpis a eros hendrerit luctus ac sit amet metus.


Foil Shimmer Demo

 

Image hover video loop

 

Foil Name Video

This example uses a looped HTML5 video and jQuery to play/pause the video on hover. No image used, just first frame of video

 

Foil Name Video

This example uses a looped HTML5 video and jQuery to play/pause the video on hover. It uses the poster attribute for the image shown before playing.


‚Äč

Foil Name GIF

This example uses an animated GIF and a static image. When image hovered the animated GIF is shown

Foil Calculator







Find the perfect
foil for your project

Choose the substrate/materials you hope to work with and we'll show you the correct foils from the largest range of grades & shades on the market.


Tell us the type of substrate/material that you are working with:

I am looking for foils that work alongside the following: