Virya logo grey svg
01.

Color Pallette

Primary
#A6CD39
[copy text="Copy Colour Value" copied-text="Coupon Code Copied"]#DB3B3D[/copy]
Secodary
#891A1C
[copy text="Copy Colour Value" copied-text="Coupon Code Copied"]#891A1C[/copy]
Accent
#D0BB0B
[copy text="Copy Colour Value" copied-text="Coupon Code Copied"]#FFC53A[/copy]
Links
#AFCA0B
[copy text="Copy Colour Value" copied-text="Coupon Code Copied"]#F6EC21[/copy]
Headings
#011627
[copy text="Copy Colour Value" copied-text="Coupon Code Copied"]#011627[/copy]
Text
#3E4147
[copy text="Copy Colour Value" copied-text="Coupon Code Copied"#3E4147[/copy]
Lite Headings + BG
#F5F5F5
[copy text="Copy Colour Value" copied-text="Coupon Code Copied"]#F2F3F2[/copy]
White
#FFFFFF
[copy text="Copy Colour Value" copied-text="Coupon Code Copied"]#FFFFFF[/copy]
02.

Typography

Subtitle

Sphinx of black quartz, judge my vow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

CTA button

Aa

Montserrat

Paragraph: Montserrat, 18px
Weight: 400
Line Height: 1.5em

Subtitle: Montserrat, 12px
Weight: 600
Line Height: 1.5em
Letter Spacing: 2
Link: Montserrat

Hero Title

How quickly daft jumping zebras vex

Hero Title

Heading

Jackdaws love my big sphinx of quartz

H1

The quick brown fox jumps over the lazy dog

H2

The quick onyx goblin jumps over the lazy dwarf

H3

Cozy lummox gives smart squid who asks for job pen

H4

How razorback-jumping frogs can level six piqued gymnasts

H5

We promptly judged antique ivory buckles for the next prize

H6

03.

Iconography

ViRYA Clean Energy Icon Green
Virya Clean Energy Site Icon

Logo

virya clean energy logo green sml 72ppi
ViRYA Clean Energy Logo
Virya Clean Energy Logo
Virya logo grey svg
ViRYA Clean Energy Logo
Virya Energy Logo black SVG
04.

UI Elements

Button

Let's Talk Wind
Learn More

Sizes

H1 font size

  • Desktop = 48 px
  • Tablet = 40 px
  • Mobile = 32 px
  • Line height = 1.3
  • Weight = 700

H2 font size

  • Desktop = 36 px
  • Tablet = 32 px
  • Mobile = 26 px
  • Line height = 1.3
  • Weight = 700

H3 font size

  • Desktop = 28 px
  • Tablet = 24 px
  • Mobile = 22 px
  • Line height = 1.3
  • Weight = 700

H4 font size

  • Desktop = 18 px
  • Tablet = 18 px
  • Mobile = 18 px
  • Line height = 1.3
  • Weight = 700
H5 font size
  • Desktop = 1.3 em
  • Tablet = 1.3 em
  • Mobile = 1.2 em
  • Line height = 1.5
H6 font size
  • Desktop = 1.1 em
  • Tablet = 1.1 em
  • Mobile = 1.1 em
  • Line height = 1.6

OPTIONAL SUBHEADING

This is the h1 heading element size

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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

This is the h2 heading element size. Lorem ipsum dolor.

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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

This is the h3 heading element size. Lorem ipsum dolor.

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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

This is the h4 heading element size. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus.​

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.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

This is the h5 heading element size. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. 

OPTIONAL SUBHEADING

This is the h1 heading element size

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.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

This is the h2 heading element size. Lorem ipsum dolor.

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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

This is the h3 heading element size. Lorem ipsum dolor.

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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

This is the h4 heading element size. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus.​

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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
This is the h5 heading element size. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

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. 

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.