Style Guide

Welcome to the FARO digital guide for colors, fonts, typography, inputs, icons and more. Scroll down to view the global elements or click on the button to see a list of the modules available for use.

View Module List

Colors

Faro Blue Hex: #01426A
RGB: 1, 66, 106

Bright Blue Hex: #3455DB
RGB: 52, 85, 219

Zenith Blue Hex: #009CDE
RGB: 0, 156, 222

Red Hex: #FF4500
RGB: 255, 69, 0

Dark Blue Hex: #081E2E
RGB: 8, 30, 46

Anthracite Hex: #2F3234
RGB: 47, 50, 52

Metal Hex: #52595D
RGB: 82, 89, 93

Light Metal Hex: #8D9295
RGB: 141, 146, 149

White Gray Hex: #E2E2E2
RGB: 226, 226, 226

Slight Gray Hex: #F1F4F6
RGB: 241, 244, 246

White Hex: #FFFFFF
RGB: 255, 255, 255

Text Elements

Main Font Stack: "Open Sans", sans-serif;
Headings Font Stack: "Montserrat", sans-serif;

H1 Hero

H1 Lorem Ipsum

H2 Nam Fringilla

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

H3 Consectetur adipiscing

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

H4 estibulum id libero tempor, laoreet liberog sed, condimentum erat sit.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

Eyebrow

Featured

Form Label

Small paragraph: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

Body Paragraph: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

Article paragraph: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

Large paragraph: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.