Table of Contents

01.

Color Pallette

QMetrix Blue
Hex code: #0098ff
RGB: 0, 152, 255
CMYK: 100, 40, 0, 0

QMetrix Grey
Hex code: #545b5c
RGB: 84, 91, 92
CMYK: 0, 8, 9, 64
QMetrix Yellow
Hex code: #ffc813
RGB: 255, 200, 19
CMYK: 0, 25, 94, 0
QMetrix Orange
Hex code: #de8906
RGB: 222, 137, 6
CMYK: 0, 54, 100, 0
QMetrix Dark Blue
Hex code: #0060c4
RGB: 0, 96, 196
CMYK: 95, 58, 0, 0
QMetrix BG Blue
Hex code: #E5F4FF
QMetrix BG Grey
Hex code: #EDEEEE
QMetrix BG Yellow
Hex code: #FFF4CF
QMetrix BG Orange
Hex code: #FBF3E6
QMetrix BG Dark Blue
Hex code: #E5EFF9
02.

Typography

Subtitle

Sphinx of black quartz, judge my vow

Banner Sub Heading 1.5rem – Line Height 1.3em: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Aa

Monserrat

Paragraph: Roboto, 16px

Big Body Text: Roboto, 1.125rem

Small Body Text: Roboto, 0.7rem

Accent Text - Buttons: Montserrat, 1.125rem
Author Bio Link: Montserrat - Semi Bold, 1.125rem - Line Height 1.5em

Typography - Pages

Heading

Jackdaws love my big sphinx of quartz

Title 1

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

We promptly judged antique ivory buckles for the next prize

Title 7

We promptly judged antique ivory buckles for the next prize

Big Body

We promptly judged antique ivory buckles for the next prize

Big Body

Typography - Posts

Heading 2

We bet an approach to management, that identifies key business drivers and creates business plans that link-mathematically map out how these key drivers can be

blockquote – affected by variables, probably wasn’t your first guess.

Heading 3

The concept of driver-based planning was brilliantly highlighted in Michael Lewis’ novel, Moneyball, and the subsequent cinematic adaptation starring Brad Pitt, Jonah Hill, and the late Philip Seymour Hoffman.

Heading 4

  • The movie illustrates how Billy Beane—played by Pitt—
  • transforms the Oakland Athletics Major League Baseball team
  • from zero to a team that consistently made the playoffs, they do this by using driver-based decision making.
  • It’s a typical Hollywood trope, but the story is also true.

The team used statistical analysis, something that was unprecedented in the world of Major League Baseball, to identify the team’s key drivers for success. Through a detailed analysis, the team uncovered the true underlying drivers of success for a baseball team, revealing the massive inefficiency in how baseball talent was priced and exploiting this inefficiency to their advantage.

Whether you’re running a baseball team or any other type of business, there’s a good chance driver-based planning is a good fit for you. While driver-based planning might not be a very sexy concept, it’s an incredibly useful and powerful model that every CEO should have in their wheelhouse.

H1 Top Level Headline used in page banners: Montserrat Bold 24/29pt

H2 Heading in Montserrat Bold 19/24pt

H3 sub-heading in Montserrat Regular 16/20pt

H4 sub-heading in Monserrat SemiBold 13/17pt

Body text in Roboto Regular 1 2/1 7pt. I believe the colour is QMetrix Grey which is Hex code #545b5c. Please keep the style of body text which is currently on our website –  it looks good so do not make any changes to it.

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 1 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Example of H2 in action

And this is H3

This is H4 in use – I wonder how it looks

Lorem Ipsum is simply dummy text of the print. Body text in Roboto Regular 1 2/1 7pt. I believe the colour is QMetrix Grey which is Hex code #545b5c.

Lorem Ipsum is simply dummy text of the print. Lorem Ipsum is simply dummy text of the print. 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 1 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

So you know, it has survived not only five centuries, but also the leap into electronic typesetting. Lorem Ipsum has been the industry’s standard dummy text ever since the 1 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Let’s use H3 again to see how it looks

  1. This is H4 heading

So you know, it has survived not only five centuries, but also the leap into electronic typesetting. Lorem Ipsum has been the industry’s standard dummy text ever since the 1 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 

  1. H4 heading again

So you know, it has survived not only five centuries, but also the leap into electronic typesetting. Lorem Ipsum has been the industry’s standard dummy text ever since the 1 500s, when an unknown has been.

    • Bullet point 1
    • Bullet point 2 horem nepsum has been the industry’s standard dummy text ever since the 1 500s so I wonder what that is like.
    • Bullet point 3 it is so interesting I know right. Let’s type more here to have a look at how this looks like alright.

So you know, it has survived not only five centuries, but also the leap into electronic typesetting. Lorem Ipsum has been the industry’s standard dummy text ever since the 1 500s, when an unknown has been

  1. Does this H4 look good?

Good question, let’s see and decide. It has survived not only five centuries, but also the leap into electronic typesetting. Lorem Ipsum has been the industry’s standard dummy text ever since the 1 500s, when an unknown has been.

Here is H3 again

It has survived not only five centuries, but also the leap into electronic typesetting. Lorem Ipsum has been the industry’s standard dummy text ever since the 1 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 

Yet another example of H3 in use

But also the leap into electronic typesetting. Lorem Ipsum has been the industry’s standard dummy text ever since the 1 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. When an unknown printer took a galley of type and scrambled it to make a type specimen book, it survived not only five centuries, but also the leap into electronic typesetting.

For lead in introductory text for articles, shall we make them equivalent to the H4 text? It still stands out but does not overly. Lorem Ipsum dada how does this look as an example? Let’s put some text below to see.

Supercalifragile H2

When an unknown printer took a galley of type and scrambled it to make a type specimen book, it survived not only five centuries, but also the leap into electronic typesetting stuff to do.

H3 Title Here

Did you know, when an unknown printer took a galley of type and scrambled it to make a type specimen book, it survived not only five centuries, but also the leap into electronic typesetting.

Let’s have another H3 sample here

Heading four

But also the leap into electronic typesetting. Lorem Ipsum has been the industry’s standard dummy text ever since the 1 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 

We promptly judged antique ivory buckles for the next prize

Title 7

We promptly judged antique ivory buckles for the next prize

Title 7

We promptly judged antique ivory buckles for the next prize

Title 7

We promptly judged antique ivory buckles for the next prize

Title 7

03.

Iconography

QMetrix blue arrow icon
QMetrix dark grey arrow icon
QMetrix white arrow icon

Logos - SVG

QMetrix Logo - Small White Lettering for dark backgrounds
Small Logo - Dark Backgrounds
QMetrix Logo - website header
Small Logo - SVG
QMetrix Logo - SVG - 692x137px
Large Logo - SVG
QMetrix Brand Icon
Brand Icon - SVG

Logos - PNG

QMetrix Logo - Small White
Small Logo - Dark Backgrounds - 250 x 50px
QMetrix Logo Header
Small Logo - PNG - 250 x 50px
QMetrix Logo - Large
Large Logo - PNG - 490 x 98px
QMetrix Icon - Favicon
Icon 400 x 400px
Scroll to Top

This website uses cookies to ensure you get the best experience on our website. More Information