What font does unleashed.company use?

unleashed.company’s website uses two typefaces: Segoe UI (headings), a system font; sofia-pro (body text), a system font.

What are unleashed.company’s brand colours?

The main colours on unleashed.company are Light Midnight Blue (#1B1464), Light Coral (#FD91A6), Midnight Blue (#1C1548), Yellow (#F7F739), Dark Violet (#8523CD) and Deep Coral (#FF5E69).

What colour is unleashed.company’s text and background?

Body text is #1A1B1F on a #FFFFFF background.

Is this unleashed.company’s official style guide?

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

Unofficial A style guide made by SiteStyleGuide from unleashed.company’s public web pages. Not affiliated with or endorsed by unleashed.company. The real site is unleashed.company ↗

Unofficial style guide

unleashed.companystyle guide

unleashed.company’s website (unleashed.company) sets its headings in Segoe UI and its body text in sofia-pro. Its palette is led by Light Midnight Blue (#1B1464), Light Coral (#FD91A6) and Midnight Blue (#1C1548), with #1A1B1F text on #FFFFFF. Captured from the live site on 25 October 2026.

Website: unleashed.company
Typefaces: Segoe UI, sofia-pro, Montserrat
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 25 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the unleashed.company homepage on a desktop screen — Screenshot of unleashed.company on a 1440 px desktop screen, 25 Oct 2026.

Screenshot of the unleashed.company homepage on a phone — On a phone, 390 px.

Identity & metadata

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

Title &
description

Page title: Unleashed; ● 9 / 60 characters
Meta description: Leadership Development is Broken, we fixed it; ▲ 45 / 160 characters
og:title: Unleashed
og:description: Leadership Development is Broken, we fixed it

In search results

unleashed.companyhttps://www.unleashed.company/

Unleashed

Leadership Development is Broken, we fixed it

When shared

No og:image, so no picture

unleashed.company

Unleashed

Leadership Development is Broken, we fixed it

Logo & favicons

No logo could be found on the homepage.

Logo

Favicons

2 found

256 px · PNG apple-touch-icon
32 px · PNG shortcut icon

Unleashed

Light browser tab

Unleashed

Dark browser tab

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 (#1A1B1F) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 35.6%
Light Midnight Blue 16.6%
Light Coral 15.7%
Black 8.6%
Midnight Blue 5.2%
Yellow 5.1%
Cool Off White 3.6%
Cool Near Black 3.4%
Dark Violet 1.2%
Deep Coral 1%
Dark Slate Grey 0.8%
Medium Purple 0.8%
Gold 0.8%
Red 0.6%
Deep Midnight Blue 0.5%
Midnight Blue 0.5%

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

White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
17.21:1 AAA

On white
—

Text, background, border · .cf-visual-features-item.navbar, .content-heading.features-heading
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
1.22:1 Fail

On white
21.00:1 AAA

Text, background, border · .cf-visual-features-item.navbar, .heading-12
Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
6 3 0 5

On text
14.32:1 AAA

On white
1.20:1 Fail

Border, background, text · .logos-without-title, .logos-title-large
Cool Near Black

HEX

RGB

HSL

OKLCH

CMYK
16 13 0 88

On text
—

On white
17.21:1 AAA

Text, background · body, .button-primary-3

Colours

Brand colours and accents, most used first

Light Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
73 80 0 61

On text
1.09:1 Fail

On white
15.78:1 AAA

Text, background, border · .button-6, .button-8
Light Coral

HEX

RGB

HSL

OKLCH

CMYK
0 43 34 1

On text
8.01:1 AAA

On white
2.15:1 Fail

Background, text, border · .button-7, .button.cc-contact-us
Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
61 71 0 72

On text
1.02:1 Fail

On white
16.80:1 AAA

Text, background · .hero-heading, .content-heading
Yellow

HEX

RGB

HSL

OKLCH

CMYK
0 0 77 3

On text
15.01:1 AAA

On white
1.15:1 Fail

Background, text, border · .button.cc-jumbo-button.is-yellow, .heading-jumbo.cc-yellow-heading-jumbo
Dark Violet

HEX

RGB

HSL

OKLCH

CMYK
35 83 0 20

On text
2.56:1 Fail

On white
6.73:1 AA

Background, text · .button.cc-jumbo-button.is-yellow:hover, .styleguide-header-wrap
Deep Coral

HEX

RGB

HSL

OKLCH

CMYK
0 63 59 0

On text
5.78:1 AA

On white
2.98:1 Fail

Background, text, border · .checkbox-cf10.w--redirected-checked, .submit-button-cf10
Dark Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
81 0 7 61

On text
2.43:1 Fail

On white
7.08:1 AAA

Background · .s-mission, .section-16
Medium Purple

HEX

RGB

HSL

OKLCH

CMYK
24 54 0 8

On text
5.08:1 AA

On white
3.39:1 AA large

Background, text · .cf-features-section-3-icon-wrap, .cf-pricing-plan-price
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 17 62 3

On text
11.38:1 AAA

On white
1.51:1 Fail

Background, border · .button-primary-2, .button-secondary:hover
Red

HEX

RGB

HSL

OKLCH

CMYK
0 100 98 11

On text
3.47:1 AA large

On white
4.96:1 AA

Background · .button.cc-jumbo-button.is-blue:hover, .button.cc-cookie-ok:hover
Deep Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
62 73 0 80

On text
1.07:1 Fail

On white
18.39:1 AAA

Background, text · .features-container-2, .features-container-4
Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
48 58 0 76

On text
1.05:1 Fail

On white
16.42:1 AAA

Background · .features-card, .features-card-4

Gradients

linear-gradient(#cecece4a, #cecece4a)
linear-gradient(to bottom, #161616 15%, #161616d1 20%, #02020200 53%, #161616d1 80%, #161616 85%)
linear-gradient(151deg, #0a00cc, #422cf5)

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.

Segoe UI

Aa 400 Aa 700

Segoe UI

System font, or not loaded on this page · weights 400, 700 · headings · shown in a stand-in if you don’t have it

Aa 300 Aa 700

sofia-pro

System font, or not loaded on this page · weights 300, 400, 500, 600, 700 · headings, body, buttons · shown in a stand-in if you don’t have it

Aa 400 Aa 700

Montserrat

System font, or not loaded on this page · weights 400, 500, 600, 700 · headings, buttons · shown in a stand-in if you don’t have it

Aa 400 Aa 700

sofia-pro-soft

System font, or not loaded on this page · weights 400, 500, 700 · buttons · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Heading 1 11vh / 1.1em weight 400

unleashed.company

Heading 2 11vh / 1.1em weight 400

Unleashed

Heading 3 3.4vw / 1.2em weight 700

Unleashed

Heading 4 24px / 38px weight 700

Unleashed

Heading 5 20px / 34px weight 500

Unleashed

Heading 6 16px / 20px weight 500

Unleashed

Body 16px / 1.8em weight 400 · sofia-pro

Leadership Development is Broken, we fixed it

Paragraph 18px

Leadership Development is Broken, we fixed it

Small 80%

Leadership Development is Broken, we fixed it

Sizes in use

Most common across the site

40pxline 46px · 8 rules
38pxline 50px · 13 rules
24pxline 32px · 30 rules
20pxline 32px · 18 rules
18pxline 20px · 66 rules
16pxline 24px · 28 rules
14pxline 20px · 35 rules
12pxline 20px · 11 rules

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

.button-primary · #FD91A6 · radius 3px

Link

Read our latest news today.

a · #1A1B1F

Corner radius

20px · 28×
50% · 17×
12px · 16×
48px · 15×
24px · 13×
10px · 10×

Shadows

0 2px 12px 0
0 2px 7px 0
0 1px 6px 0
1px 1px 3px #dfdfdf

Layout

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

Grid

Breakpoints

479

767

768

991

1280

1440

1920

On a scale of 0 to 1920 px.

Content widths (max-width)

1218 px

940 px

728 px

720 px

700 px

560 px

Notes

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

Notes

● FineThe title is 9 characters, short enough to show in full in search results.
▲ CheckThe description is only 45 characters. There is room to say more.
▲ CheckThere is no og:image, so links shared on social media show no picture.
▲ CheckThe page doesn’t declare its language (the lang attribute on <html>).

Questions

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

Questions

What font does unleashed.company use?: unleashed.company’s website uses two typefaces: Segoe UI (headings), a system font; sofia-pro (body text), a system font.
What are unleashed.company’s brand colours?: The main colours on unleashed.company are Light Midnight Blue (#1B1464), Light Coral (#FD91A6), Midnight Blue (#1C1548), Yellow (#F7F739), Dark Violet (#8523CD) and Deep Coral (#FF5E69).
What colour is unleashed.company’s text and background?: Body text is #1A1B1F on a #FFFFFF background.
Is this unleashed.company’s official style guide?: No. SiteStyleGuide made it from unleashed.company’s public web pages on 25 October 2026, and isn’t affiliated with unleashed.company. Members can refresh a guide after 90 days to pick up changes.

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

unleashed-company-tokens.css

Download

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

/* unleashed.company design tokens, from SiteStyleGuide (https://sitestyleguide.com/unleashed.company) */
:root {
  /* Colours */
  --text: #1A1B1F;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-cool-off-white: #E4EBF3;
  --colour-cool-near-black: #1A1B1F;
  --colour-light-midnight-blue: #1B1464;
  --colour-light-coral: #FD91A6;
  --colour-midnight-blue: #1C1548;
  --colour-yellow: #F7F739;
  --colour-dark-violet: #8523CD;
  --colour-deep-coral: #FF5E69;
  --colour-dark-slate-grey: #13635C;
  --colour-medium-purple: #B16CEA;
  --colour-gold: #F8CD5F;
  --colour-red: #E20004;
  --colour-deep-midnight-blue: #140E34;
  --colour-midnight-blue-2: #201A3E;
  --gradient-1: linear-gradient(#cecece4a, #cecece4a);
  --gradient-2: linear-gradient(to bottom, #161616 15%, #161616d1 20%, #02020200 53%, #161616d1 80%, #161616 85%);
  --gradient-3: linear-gradient(151deg, #0a00cc, #422cf5);

  /* Typefaces */
  --font-headings: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen';
  --font-body: 'sofia-pro', sans-serif;
  --font-buttons: 'sofia-pro', sans-serif;

  /* Type scale */
  --text-h1: 11vh;
  --leading-h1: 1.1em;
  --text-h2: 11vh;
  --leading-h2: 1.1em;
  --text-h3: 3.4vw;
  --leading-h3: 1.2em;
  --text-h4: 24px;
  --leading-h4: 38px;
  --text-h5: 20px;
  --leading-h5: 34px;
  --text-h6: 16px;
  --leading-h6: 20px;
  --text-body: 16px;
  --leading-body: 1.8em;
  --text-p: 18px;
  --text-small: 80%;

  /* Shape */
  --radius-1: 20px;
  --radius-2: 50%;
  --radius-3: 12px;
  --radius-4: 48px;
  --radius-5: 24px;
  --radius-6: 10px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 479px;
  --breakpoint-2: 767px;
  --breakpoint-3: 768px;
  --breakpoint-4: 991px;
  --breakpoint-5: 1280px;
  --breakpoint-6: 1440px;
  --breakpoint-7: 1920px;
  --max-width-1: 1218px;
  --max-width-2: 940px;
  --max-width-3: 728px;
  --max-width-4: 720px;
  --max-width-5: 700px;
  --max-width-6: 560px;
}

{
    "site": "unleashed.company",
    "source": "https://sitestyleguide.com/unleashed.company",
    "text": "#1A1B1F",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Cool Off White",
            "hex": "#E4EBF3",
            "rgb": [
                228,
                235,
                243
            ]
        },
        {
            "name": "Cool Near Black",
            "hex": "#1A1B1F",
            "rgb": [
                26,
                27,
                31
            ]
        },
        {
            "name": "Light Midnight Blue",
            "hex": "#1B1464",
            "rgb": [
                27,
                20,
                100
            ]
        },
        {
            "name": "Light Coral",
            "hex": "#FD91A6",
            "rgb": [
                253,
                145,
                166
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#1C1548",
            "rgb": [
                28,
                21,
                72
            ]
        },
        {
            "name": "Yellow",
            "hex": "#F7F739",
            "rgb": [
                247,
                247,
                57
            ]
        },
        {
            "name": "Dark Violet",
            "hex": "#8523CD",
            "rgb": [
                133,
                35,
                205
            ]
        },
        {
            "name": "Deep Coral",
            "hex": "#FF5E69",
            "rgb": [
                255,
                94,
                105
            ]
        },
        {
            "name": "Dark Slate Grey",
            "hex": "#13635C",
            "rgb": [
                19,
                99,
                92
            ]
        },
        {
            "name": "Medium Purple",
            "hex": "#B16CEA",
            "rgb": [
                177,
                108,
                234
            ]
        },
        {
            "name": "Gold",
            "hex": "#F8CD5F",
            "rgb": [
                248,
                205,
                95
            ]
        },
        {
            "name": "Red",
            "hex": "#E20004",
            "rgb": [
                226,
                0,
                4
            ]
        },
        {
            "name": "Deep Midnight Blue",
            "hex": "#140E34",
            "rgb": [
                20,
                14,
                52
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#201A3E",
            "rgb": [
                32,
                26,
                62
            ]
        }
    ],
    "fonts": [
        {
            "name": "Segoe UI",
            "stack": "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif",
            "weights": [
                400,
                700
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "sofia-pro",
            "stack": "sofia-pro, sans-serif",
            "weights": [
                300,
                400,
                500,
                600,
                700
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Montserrat",
            "stack": "Montserrat, sans-serif",
            "weights": [
                400,
                500,
                600,
                700
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "sofia-pro-soft",
            "stack": "sofia-pro-soft, sans-serif",
            "weights": [
                400,
                500,
                700
            ],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using Segoe UI as their main typeface

S

SORT

sort-office.com · set in Segoe UI
Save
CodeCanyon

codecanyon.net · set in Segoe UI
Save
xbox.com

xbox.com · set in Segoe UI
Save
orbitz

orbitz.com · set in Segoe UI
Save

Websites whose lead colour is closest to unleashed.company’s

Accessify

accessify.com · 4 days ago
Save
dw.com

dw.com · 4 days ago
Save
Vanta

vanta.com · 6 days ago
Save
Zoom

zoom.us · 5 days ago
Save

Captured from unleashed.company on 25 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by unleashed.company; this guide describes the public website for reference.

unleashed.companystyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Cool Off White

Cool Near Black

Colours

Light Midnight Blue

Light Coral

Midnight Blue

Yellow

Dark Violet

Deep Coral

Dark Slate Grey

Medium Purple

Gold

Red

Deep Midnight Blue

Midnight Blue

Gradients

Segoe UI

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run unleashed.company?

Also set in Segoe UI

SORT

CodeCanyon

xbox.com

orbitz

Similar colours

Accessify

dw.com

Vanta

Zoom

Title &
description