Home

Meet Variance Films
A film distribution company

Patterns & Assets

Looking for help? Contact Support

Shape Patterns

Use these shape templates to add interest to any image sections you required. These are avilable for download in SVG format below.

Image Shapes (Mask)

Use this SVG shape to easily mask your own images and keep the angled style we have applied to images.

Colour Palette

Looking for help? Contact Support

Primary Palette

Fill Colours
Thunderbird
#ffb607
Black
#00ebc7
Rock Bottom
#132433
Dark Slate
#2e3642
Slate Grey
#546681

Typograhy Palette

Grey Colours
Downriver
#0a1f44
Port Gore
#546681

Typograhy Palette

Neutral Tone
Ghost
#c1c7d0
Casper
#fafbfc
White
#ffffff

Typography Styles

Looking for help? Contact Support

Headings

Typography - San Francisco 700

Aa Bb Cc Dd Ee

Heading 1
55px

Aa Bb Cc Dd Ee

Heading 2
44px

Aa Bb Cc Dd Ee

Heading 3
36px

Aa Bb Cc Dd Ee

Heading 4
34px
Aa Bb Cc Dd Ee
Heading 5
28px
Aa Bb Cc Dd Ee
Heading 6
24px

Body Copy

Typography - San Francisco

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Large
18px

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Normal
16px

Quotes

Typography - San Francisco
The ultimate Interface component kit built to create harmony across your products.
Plain Quote Block
18px
The ultimate Interface component kit built to create harmony across your products.
Additional Detail Messages
18px

Additional Copy Elements

Typography - San Francisco
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Items - Dots
16px
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Items - Numbers
16px
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Items - Letters
16px

Additional Copy Elements

Typography - San Francisco

This line rendered as bold text.

Bold Text
18px

This line rendered as italicized text.

Italicized Text
18px

This line of text is meant to be treated as deleted text.

Deleted Text
18px

This line of text is meant to be treated as deleted text.

Underline Text
18px

You can use the mark tag to highlight text.

Highlight Text
18px