blue up arrow with circle

Cence Style Guide

These are the official guidelines to abide by when styling the Cence Power website.

Table of Contents

Colours

Main
Colours

Black, white and greyscale.

HEX #000000

HEX #FFFFFF

HEX #63666A

HEX #C7C8CA

HEX #F6F6F6

Accent
Colours

Pantone P Process Cyan C and shades.

Pantone P Process Cyan
CC93 M25 Y0 K6
R3 G174 B239
HEX #03AEEF

HEX #76C8EB / 65% 

HEX #D4EEF8 / 20%

Element Contrasting with Backgrounds

These are the only 3 approved background colours for sections and wrappers.

Rules as visualized below: 
Contrast font and element colours relative to backgrounds
Any corners are rounded as visualized below
Spacing is tight
Refer below for button sizing

HEX #000000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Outline Button

HEX #FFFFFF

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Outline Button

HEX #03AEEF

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Outline Button

Typography and Buttons

Dark Typography

Font Style: Roboto Medium
Refer to headings below for acceptable sizes and spacing.

Subtitle Heading

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Paragraph style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Dark Link

  • Bulllet Point 1
  • Bullet Point 2
  • Bullet Point 3

"Quote Style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo." - Quote Style

Blue checkmark with a circle around it

Saves Energy

Cence reduces line losses along cables, and AC to DC conversion losses.

Blue checkmark with a circle around it

Powerful and Safe

Cence distributes fault-managed DC power (up to 450V DC) with virtually zero risk of electrical shock or fire.

Blue checkmark with a circle around it

Reduces Project Capital Costs

Cence enables the use of lighter cable gauges, without the need for mechanical protection.

Double Button - Within Limited Wrapper

Light Typography

Font Style: Roboto Medium
Refer to headings below for acceptable sizes and spacing.

Subtitle Heading

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Paragraph style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Dark Link

  • Bulllet Point 1
  • Bullet Point 2
  • Bullet Point 3

"Quote Style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo." - Quote Style

Blue checkmark with a circle around it

Saves Energy

Cence reduces line losses along cables, and AC to DC conversion losses.

Blue checkmark with a circle around it

Powerful and Safe

Cence distributes fault-managed DC power (up to 450V DC) with virtually zero risk of electrical shock or fire.

Blue checkmark with a circle around it

Reduces Project Capital Costs

Cence enables the use of lighter cable gauges, without the need for mechanical protection.

Single Button

Outline Button

Double Button

Double Button - With Limited Wrapper

Iconography

General

Icon of an analytics graph
Icon of a person with a brain to represent intelligencehandshake iconhands together representing teamwork
Controlsshirt icon

Applications

factory icon
Buildingicon of a mining pick to represent underground power house iconIcon of a greenhouse to represent horticulture lighting

Products

Person who is half robot

Case Studies

Social

Layouts

Primary Pages

Homepage
Market Pages

There is usually more text on the hero banners for primary pages, so text can be smaller than on the hero of secondary pages.
The background should be a video or image with a height at 100vh (except in smaller viewports than desktop).

The Future of Electrical Systems Is Here

High and Low-Voltage DC (12V DC - 450V DC)

Centralized and Decentralized Drivers

Intelligent Controls and Automation

Get Cence

The Cence Telecom Power System

Reduce cable size and voltage drop

Class 4 power systems (like Cence) can supply higher voltages (up to 450V DC), making them superior to 48V DC systems to remotely power telecom.

Outline Button

Secondary Pages

Product Pages
About Page
Careers Page

There is usually less text on the hero banners for secondary pages, so text can be bigger than on the hero of primary pages.
The background should be a video or image with a height at 100vh (except in smaller viewports than desktop).

About

Cence Power

A video background that relates to the page theme as the hero section.

Low-Voltage

LVDC Product Name

A big image with the product displayed in a room as the hero section.

Tertiary Pages

Case Study Pages
Calculator Pages
Blog Pages
Advanced Resources Page
Other Resource Pages

This is a narrow hero with the purpose just to provide context to the visitor of the page. It's not meant to be beautiful, just on-brand, and simple. The background can either have an appropriate image, or be a flat, on-brand colour.

Cence Case Studies

Efficient power distribution made safe and simple.

The Cence Blog

Sharing insights on technologies that are making buildings more green and energy efficient. You can also follow us on Medium, or check out our YouTube channel where we cover similar topics.

Unique Pages

Markets' Homepage
Products' Homepage
Contact Page
Product Spec Pages

Follow brand guidelines, but each of these pages is unique in its own way to serve its purpose.

DC Power Products

Our DC power products include high and low-voltage DC power distribution hardware, digital twin software, and accessories such as a variety of sensors and cable management.

Outline Button

Products / Product Specs / High-Voltage DC

Cence HVDC panel tiltedTransmitters lined up in the Cence HVDC box Transmitter sliding out of the Cence panelImage of Cence HVDC rectifier outside of the panel

Cence HVDC (High-Voltage DC) Digital Current™ Panel

Class 4 (or 1) Direct Current Power Distribution System with Digital Current™ Technology

Cence HVDC is a Class 4 (or Class 1) rated power system for loads over 100 W (up to 3kW per channel). Cence HVDC is equipped with Digital Current™ technology. It can output up to 450V DC to reduce line losses along cables, and has optional fault-management to send power without the need for mechanically protected cable.

DC Power Markets

It's time; DC Power Can Replace AC Power in many applications. Cence specializes in providing low and high-voltage DC power to the LED lighting, telecom, HVAC, and microgrid/renewables markets.

Layout Elements

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Outline Button

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Outline Button

Tab Style Option 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

how cence works step 1 ac to dc power conversion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

how cence works step 2, low voltage, class 2, dc power distribution to loads efficiently

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

how cence works step 3, high voltage, class 4, dc power distribution to loads efficiently

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

how cence works step 4, a wireless mesh network connects all loads to sensors and digital twin software so lighting and hvac can be controlled

Interested?

Lorem ipsum dolor sit amet, consectetur. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Get In Touch

Tab Option 2

icon of a factory

High-Bay

Industrial Buildings

icon of a greenhouse showing that we support horticulture lighting

Horticulture

Grow Lighting

mining pick hitting stone

Underground

Subways and Mining

Cence HVDC
Icon of an office building to represent commercial lighting

Commercial

Office Buildings

Icon of a shirt to represent retail lighting

Retail

Malls and Stores

Icon of a house to represent residential lighting

Residential

Condos and Homes

Cence LVDC

Tab Option 3

Boost battery backup capacity, and reduce power consumption with DC Power.

Reliable 5G Internet

Increase battery backup capacity

Batteries only store DC power (not AC). Distribute DC power with Cence to improve battery capacity, and keep telecom sites in operation for up to 8 hours if power fails

Click here to read more about the benefits of DC power

Reduce Operating Costs

Reduce voltage drop along cables

Save on operating costs by reducing voltage drop with Cence. Cence distributes DC power, and less typical line losses affect DC, as opposed to AC power.

Read more about how distributing DC reduces voltage drop

Tab Style Option 4

Boost battery backup capacity, and reduce power consumption with DC Power.

Reliable 5G Internet

Increase battery backup capacity

Batteries only store DC power (not AC). Distribute DC power with Cence to improve battery capacity, and keep telecom sites in operation for up to 8 hours if power fails

Click here to read more about the benefits of DC power

Reduce Operating Costs

Reduce voltage drop along cables

Save on operating costs by reducing voltage drop with Cence. Cence distributes DC power, and less typical line losses affect DC, as opposed to AC power.

Read more about how distributing DC reduces voltage drop

Image Placement

Onboard computers in the Cence Class 4 power system continuously monitor cables for faults, such as human touch, and stop power immediately if one is detected. This enables Cence to distribute up to 450V DC of power to telecom applications, while safely making use of low-voltage wiring practices.

Outline Button

Get Cence

Step 1

Click "Get Started", and share some details about your project.

Step 2

We will reach out to discuss the best power distribution option for your project.

Step 3

Implement Cence to reduce your power consumption by up to 40%.

Get Started
Icon of a play button. Click to watch video

Cence saves Scotiabank 43% in opex for the front foyer of a Toronto branch.

Cence saves EllisDon 30% in opex for ED Modular's residential suites.

Cence saves HH Angus 30% in opex for one of their office spaces in Toronto.

Cence Success Stories

Digital Layouts

Pitch Deck

See this pitch deck template as a reference for when you create a client pitch. Below are some sample slides.

Pitch Deck Template

Vertical Video Template

This template is to be used in the beginning and end of Cence vertical videos. The beginning is optional, but the end is mandatory. Find the end frame on Canva with the link below.
The video of the man in the middle is just a placeholder for the video content.

End Frame Template

Print Layouts

Installation Guide

View the Installation Guide below.

Installation Guide

Quick Start Guide

View the Quick Start Guide below.

Installation Guide