What font does Measurox use?

Measurox’s website uses two typefaces: Space Grotesk (headings), google Fonts; Inter (body text), google Fonts.

What are Measurox’s brand colours?

The main colours on measurox.com are Gold (#FFC400), Rebecca Purple (#4F2A9B), Crimson (#D7263D), Deep Slate Blue (#4B4768), Slate Blue (#6B6690) and Blue Violet (#743EE4).

What colour is Measurox’s text and background?

Body text is #1A1A1A on a #FBF8FF background.

Where is Measurox’s logo from?

The logo shown in this guide was found on measurox.com’s homepage. For official logo files and usage rules, check Measurox’s own brand or press page.

Is this Measurox’s official style guide?

No. SiteStyleGuide made it from measurox.com’s public web pages on 21 October 2026, and isn’t affiliated with Measurox. Members can refresh a guide after 90 days to pick up changes.

Measurox Style Guide: Colours, Fonts & Logo

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title: Free LinkedIn Analytics for Your Company Page | Measurox; ● 56 / 60 characters
Meta description: Free LinkedIn analytics tools for your company page. Upload your LinkedIn exports and get a beautiful, benchmarked LinkedIn dashboard in minutes - 100% free, no catch.; ▲ 167 / 160 characters
og:title: Free LinkedIn Analytics Tool • Measurox
og:description: A free LinkedIn analytics tool that actually help grow your LinkedIn audience and increase engagement.
Language: en

In search results

Measuroxhttps://measurox.com/

Free LinkedIn Analytics for Your Company Page | Measurox

Free LinkedIn analytics tools for your company page. Upload your LinkedIn exports and get a beautiful, benchmarked LinkedIn dashboard in minutes - 100% free, no …

When shared

measurox.com

Free LinkedIn Analytics Tool • Measurox

A free LinkedIn analytics tool that actually help grow your LinkedIn audience and increase engagement.

Back to top ↑

Logo & favicons

Found as: image in the header. PNG, 172 × 102.

Logo

On white

On black

On Gold

Favicons

6 found

512 px · PNG manifest
192 px · PNG manifest
180 px · PNG apple-touch-icon
48 px · ICO favicon.ico
32 px · PNG icon
16 px · PNG icon

Free LinkedIn Analytics for Your Company Page | Measurox

Light browser tab

Free LinkedIn Analytics for Your Company Page | Measurox

Dark browser tab

Back to top ↑

Colour

Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.

Contrast is against the site’s text colour (#1A1A1A) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

Near Black 24.4%
White 19.5%
Gold 9.1%
Deep Cool Off White 6.4%
Rebecca Purple 6.3%
Light Cool Off White 6.2%
Crimson 5.3%
Deep Slate Blue 4.8%
Slate Blue 4.1%
Blue Violet 4%
Medium Aqua Marine 3.4%
Chocolate 2.9%
Light Slate Blue 2.5%
Sea Green 1.1%

By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.

Neutrals

Text, backgrounds and structure

Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 90

On text
—

On white
17.40:1 AAA

Text, border, background · body, .btn
White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
17.40:1 AAA

On white
—

Background, text · .btn, .btn-accent
Deep Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
2 6 0 1

On text
15.19:1 AAA

On white
1.15:1 Fail

Background, border · .hero, .file-slot
Light Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
2 3 0 0

On text
16.55:1 AAA

On white
1.05:1 Fail

Background · body, .hero

Colours

Brand colours and accents, most used first

Gold

HEX

RGB

HSL

OKLCH

CMYK
0 23 100 0

On text
10.90:1 AAA

On white
1.60:1 Fail

Background, text, border · .hero h1 .highlight, .btn-primary
Rebecca Purple

HEX

RGB

HSL

OKLCH

CMYK
49 73 0 39

On text
1.77:1 Fail

On white
9.83:1 AAA

Text, background, border · .post-card .post-title:hover, .post-tag-select
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 82 72 16

On text
3.51:1 AA large

On white
4.96:1 AA

Background, text, border · .btn-accent, .badge-coral
Deep Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
28 32 0 59

On text
1.99:1 Fail

On white
8.75:1 AAA

Text · .hero-sub, .stat-feature-box p
Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
26 29 0 44

On text
3.26:1 AA large

On white
5.35:1 AA

Text · .file-slot .slot-hint, .privacy-note
Blue Violet

HEX

RGB

HSL

OKLCH

CMYK
49 73 0 11

On text
2.94:1 Fail

On white
5.91:1 AA

Text, background, border · .report-header, .rank-list .rank-bar
Medium Aqua Marine

HEX

RGB

HSL

OKLCH

CMYK
100 0 13 24

On text
7.69:1 AAA

On white
2.26:1 Fail

Background, border, text · .badge-mint, .flash-success
Chocolate

HEX

RGB

HSL

OKLCH

CMYK
0 58 100 0

On text
6.06:1 AA

On white
2.87:1 Fail

Background, border · .hero::after, .badge-tangerine
Light Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
27 31 0 52

On text
2.46:1 Fail

On white
7.06:1 AAA

Text · .section-title p, .upload-card .sub
Sea Green

HEX

RGB

HSL

OKLCH

CMYK
90 0 28 39

On text
4.92:1 AA

On white
3.54:1 AA large

Text · .file-slot.status-ok .slot-status, .stat-tile .stat-delta.up

Gradients

linear-gradient(180deg, #F6ECFC 0%, #FBF8FF 70%)
linear-gradient(135deg, #743EE4 0%, #4F2A9B 100%)

Back to top ↑

Typography

Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.

Space Grotesk

Aa 500 Aa 700

Space Grotesk

Google Fonts · weights 500, 600, 700 · headings, buttons

Aa 400 Aa 800

Inter

Google Fonts · weights 400, 500, 600, 700, 800 · body

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS

Heading 1 clamp(1.8rem, 4vw, 2.6rem) · 42 px / 1.05 weight 700 · Space Grotesk

Measurox

Heading 2 1.9rem · 30 px / 1.05 Space Grotesk

Free LinkedIn Analytics for Your Company Page |…

Heading 3 1.1rem · 18 px / 1.05 Space Grotesk

Free LinkedIn Analytics for Your Company Page |…

Heading 4 — / 1.05 Space Grotesk

Free LinkedIn Analytics for Your Company Page |…

Body — Inter

Free LinkedIn analytics tools for your company page. Upload your LinkedIn exports and get a beautiful, benchmarked LinkedIn dashboard in mi…

Paragraph 0.95rem · 15 px / 1.6

Free LinkedIn analytics tools for your company page. Upload your LinkedIn exports and get a beautiful, benchmarked LinkedIn dashboard in mi…

Link 0.88rem · 14 px weight 600 · Space Grotesk

Sizes in use

Most common across the site

42px4 rules
21px3 rules
18px5 rules
17px4 rules
15pxline 1.55 · 5 rules
14px9 rules
13px7 rules
12px5 rules

Back to top ↑

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

Button

Get started

.btn · #FFFFFF · radius 999px

Corner radius

18px · 10×
999px · 9×
28px · 7×
12px · 5×
8px · 2×
10px · 2×

Shadows

5px 5px 0 #1A1A1A
8px 8px 0 #1A1A1A
9px 9px 0 #1A1A1A
10px 10px 0 #1A1A1A

Back to top ↑

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Breakpoints

560

700

720

860

900

980

On a scale of 0 to 1440 px.

Content widths (max-width)

1120 px

780 px

640 px

620 px

460 px

360 px

Back to top ↑

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

● FineThe title is 56 characters, short enough to show in full in search results.
▲ CheckThe description is 167 characters. Search results usually show about 160.

Back to top ↑

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does Measurox use?: Measurox’s website uses two typefaces: Space Grotesk (headings), google Fonts; Inter (body text), google Fonts.
What are Measurox’s brand colours?: The main colours on measurox.com are Gold (#FFC400), Rebecca Purple (#4F2A9B), Crimson (#D7263D), Deep Slate Blue (#4B4768), Slate Blue (#6B6690) and Blue Violet (#743EE4).
What colour is Measurox’s text and background?: Body text is #1A1A1A on a #FBF8FF background.
Where is Measurox’s logo from?: The logo shown in this guide was found on measurox.com’s homepage. For official logo files and usage rules, check Measurox’s own brand or press page.
Is this Measurox’s official style guide?: No. SiteStyleGuide made it from measurox.com’s public web pages on 21 October 2026, and isn’t affiliated with Measurox. Members can refresh a guide after 90 days to pick up changes.

Back to top ↑

Design tokens

Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.

Tokens

measurox-com-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* measurox.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/measurox.com) */
:root {
  /* Colours */
  --text: #1A1A1A;
  --background: #FBF8FF;
  --colour-near-black: #1A1A1A;
  --colour-white: #FFFFFF;
  --colour-deep-cool-off-white: #F6ECFC;
  --colour-light-cool-off-white: #FBF8FF;
  --colour-gold: #FFC400;
  --colour-rebecca-purple: #4F2A9B;
  --colour-crimson: #D7263D;
  --colour-deep-slate-blue: #4B4768;
  --colour-slate-blue: #6B6690;
  --colour-blue-violet: #743EE4;
  --colour-medium-aqua-marine: #00C2A8;
  --colour-chocolate: #FF6A00;
  --colour-light-slate-blue: #59547A;
  --colour-sea-green: #0F9B6F;
  --gradient-1: linear-gradient(180deg, #F6ECFC 0%, #FBF8FF 70%);
  --gradient-2: linear-gradient(135deg, #743EE4 0%, #4F2A9B 100%);

  /* Typefaces */
  --font-headings: 'Space Grotesk', 'Space Grotesk Fallback', 'Inter', 'Inter Fallback', sans-serif;
  --font-buttons: 'Space Grotesk', 'Space Grotesk Fallback', 'Inter', 'Inter Fallback', sans-serif;
  --font-body: 'Inter', 'Inter Fallback', sans-serif;

  /* Type scale */
  --text-h1: clamp(1.8rem, 4vw, 2.6rem);
  --leading-h1: 1.05;
  --text-h2: 1.9rem;
  --leading-h2: 1.05;
  --text-h3: 1.1rem;
  --leading-h3: 1.05;
  --text-p: 0.95rem;
  --leading-p: 1.6;
  --text-a: 0.88rem;

  /* Shape */
  --radius-1: 18px;
  --radius-2: 999px;
  --radius-3: 28px;
  --radius-4: 12px;
  --radius-5: 8px;
  --radius-6: 10px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 560px;
  --breakpoint-2: 700px;
  --breakpoint-3: 720px;
  --breakpoint-4: 860px;
  --breakpoint-5: 900px;
  --breakpoint-6: 980px;
  --max-width-1: 1120px;
  --max-width-2: 780px;
  --max-width-3: 640px;
  --max-width-4: 620px;
  --max-width-5: 460px;
  --max-width-6: 360px;
}

{
    "site": "measurox.com",
    "source": "https://sitestyleguide.com/measurox.com",
    "text": "#1A1A1A",
    "background": "#FBF8FF",
    "colours": [
        {
            "name": "Near Black",
            "hex": "#1A1A1A",
            "rgb": [
                26,
                26,
                26
            ]
        },
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Deep Cool Off White",
            "hex": "#F6ECFC",
            "rgb": [
                246,
                236,
                252
            ]
        },
        {
            "name": "Light Cool Off White",
            "hex": "#FBF8FF",
            "rgb": [
                251,
                248,
                255
            ]
        },
        {
            "name": "Gold",
            "hex": "#FFC400",
            "rgb": [
                255,
                196,
                0
            ]
        },
        {
            "name": "Rebecca Purple",
            "hex": "#4F2A9B",
            "rgb": [
                79,
                42,
                155
            ]
        },
        {
            "name": "Crimson",
            "hex": "#D7263D",
            "rgb": [
                215,
                38,
                61
            ]
        },
        {
            "name": "Deep Slate Blue",
            "hex": "#4B4768",
            "rgb": [
                75,
                71,
                104
            ]
        },
        {
            "name": "Slate Blue",
            "hex": "#6B6690",
            "rgb": [
                107,
                102,
                144
            ]
        },
        {
            "name": "Blue Violet",
            "hex": "#743EE4",
            "rgb": [
                116,
                62,
                228
            ]
        },
        {
            "name": "Medium Aqua Marine",
            "hex": "#00C2A8",
            "rgb": [
                0,
                194,
                168
            ]
        },
        {
            "name": "Chocolate",
            "hex": "#FF6A00",
            "rgb": [
                255,
                106,
                0
            ]
        },
        {
            "name": "Light Slate Blue",
            "hex": "#59547A",
            "rgb": [
                89,
                84,
                122
            ]
        },
        {
            "name": "Sea Green",
            "hex": "#0F9B6F",
            "rgb": [
                15,
                155,
                111
            ]
        }
    ],
    "fonts": [
        {
            "name": "Space Grotesk",
            "stack": "\"Space Grotesk\", \"Space Grotesk Fallback\", \"Inter\", \"Inter Fallback\", sans-serif",
            "weights": [
                500,
                600,
                700
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Inter",
            "stack": "\"Inter\", \"Inter Fallback\", sans-serif",
            "weights": [
                400,
                500,
                600,
                700,
                800
            ],
            "source": "Google Fonts"
        }
    ]
}

Back to top ↑

Share

Links open each service’s own share page. Nothing from them loads here.

Share

X LinkedIn Facebook Pinterest Reddit Email

Run measurox.com?

Add the badge to your site

Link to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.

<a href="https://sitestyleguide.com/measurox.com" title="Measurox style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>

Back to top ↑

Measuroxstyle guide

Title &
description

Logo

Favicons

Colour

Balance

Neutrals

Near Black

White

Deep Cool Off White

Light Cool Off White

Colours

Gold

Rebecca Purple

Crimson

Deep Slate Blue

Slate Blue

Blue Violet

Medium Aqua Marine

Chocolate

Light Slate Blue

Sea Green

Gradients

Space Grotesk

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Gizmodo

ViV MGMT

Tamino Design

Untappd

123RF

Measuroxstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

Near Black

White

Deep Cool Off White

Light Cool Off White

Colours

Gold

Rebecca Purple

Crimson

Deep Slate Blue

Slate Blue

Blue Violet

Medium Aqua Marine

Chocolate

Light Slate Blue

Sea Green

Gradients

Space Grotesk

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run measurox.com?

Also set in Space Grotesk

Gizmodo

Similar colours

ViV MGMT

Tamino Design

Untappd

123RF

Title &
description