What font does illo use?

illo’s website uses two typefaces: LL Circular Medium Web (headings and body text), self-hosted; Mirador, self-hosted.

What are illo’s brand colours?

The main colours on illo.tv are Light Plum (#EFB4FA), Dark Olive Green (#385B1D), Gold (#FFCC55), Deep Blue (#4211F1), Light Blue (#3D3DF9) and Rebecca Purple (#542F7C).

What colour is illo’s text and background?

Body text is #000000 on a #FFFFFF background.

Is this illo’s official style guide?

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

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

Unofficial style guide

illostyle guide

illo’s website (illo.tv) uses LL Circular Medium Web for its headings and body text. Its palette is led by Light Plum (#EFB4FA), Dark Olive Green (#385B1D) and Gold (#FFCC55), with #000000 text on #FFFFFF. Captured from the live site on 23 October 2026.

Website: illo.tv
Typefaces: LL Circular Medium Web, Mirador
Palette: 4 neutrals, 11 colours, 3 gradients
Captured: 23 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the illo.tv homepage on a desktop screen — Screenshot of illo.tv on a 1440 px desktop screen, 23 Oct 2026.

Screenshot of the illo.tv 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: illo — a very creative studio; ● 29 / 60 characters
Meta description: We are a design studio with focus on motion design, illustration and set design. Colourful aesthetics & clear storytelling. We’re an international team based in Italy — of course, we love pizza.; ▲ 194 / 160 characters
Theme colour: #ffffff

In search results

illohttps://illo.tv/

illo — a very creative studio

We are a design studio with focus on motion design, illustration and set design. Colourful aesthetics & clear storytelling. We’re an international team based in …

When shared

illo.tv

illo — a very creative studio

We are a design studio with focus on motion design, illustration and set design. Colourful aesthetics & clear…

Logo & favicons

No logo could be found on the homepage.

Logo

Favicons

8 found

144 px · PNG apple-touch-icon-precomposed
120 px · PNG apple-touch-icon-precomposed
114 px · PNG apple-touch-icon-precomposed
76 px · PNG apple-touch-icon-precomposed
72 px · PNG apple-touch-icon-precomposed
60 px · PNG apple-touch-icon-precomposed
57 px · PNG apple-touch-icon-precomposed
48 px · ICO icon

illo — a very creative studio

Light browser tab

illo — a very creative studio

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

Colour

Balance

How much each colour is used

Black 32.1%
White 19.6%
Light Plum 9.6%
Off White 8.7%
Dark Olive Green 4.9%
Gold 4.9%
Deep Blue 3.6%
Light Blue 2.7%
Rebecca Purple 2.3%
Light Blue 2.3%
Brown 2.3%
Dodger Blue 1.8%
Green Yellow 1.8%
Deep Plum 1.8%
Cool Off White 1.4%

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

Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Background, text, border · body, .search-modal[data-type=keywords] .search-modal__content:before
White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
21.00:1 AAA

On white
—

Background, text, theme · html, theme-color meta tag
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 7

On text
18.10:1 AAA

On white
1.16:1 Fail

Background · inline style on <div>, .loading-page
Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
0 3 0 10

On text
16.14:1 AAA

On white
1.30:1 Fail

Background · .loading-page

Colours

Brand colours and accents, most used first

Light Plum

HEX

RGB

HSL

OKLCH

CMYK
4 28 0 2

On text
12.58:1 AAA

On white
1.67:1 Fail

Background, text · inline style on <h3>, .loading-page
Dark Olive Green

HEX

RGB

HSL

OKLCH

CMYK
38 0 68 64

On text
2.68:1 Fail

On white
7.83:1 AAA

Text, background · inline style on <h3>, .loading-page
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 20 67 0

On text
14.02:1 AAA

On white
1.50:1 Fail

Text, background · inline style on <h3>, .loading-page
Deep Blue

HEX

RGB

HSL

OKLCH

CMYK
73 93 0 5

On text
2.58:1 Fail

On white
8.13:1 AAA

Background · .loading-page, inline style on <div>
Light Blue

HEX

RGB

HSL

OKLCH

CMYK
76 76 0 2

On text
3.23:1 AA large

On white
6.49:1 AA

Text · inline style on <h3>
Rebecca Purple

HEX

RGB

HSL

OKLCH

CMYK
32 62 0 51

On text
2.07:1 Fail

On white
10.12:1 AAA

Background · .custom-cursor[data-color="1"] .custom-cursor__circle--outer[data-v-75d1950e], .pink .page-footer__contacts:before
Light Blue

HEX

RGB

HSL

OKLCH

CMYK
24 5 0 5

On text
15.50:1 AAA

On white
1.35:1 Fail

Background · .custom-cursor[data-color="2"] .custom-cursor__circle--outer[data-v-75d1950e], .green .page-footer__contacts:before
Brown

HEX

RGB

HSL

OKLCH

CMYK
0 56 63 45

On text
2.87:1 Fail

On white
7.31:1 AAA

Background · .custom-cursor[data-color="3"] .custom-cursor__circle--outer[data-v-75d1950e], .blue .page-footer__contacts:before
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
100 47 0 0

On text
5.91:1 AA

On white
3.55:1 AA large

Background · inline style on <div>
Green Yellow

HEX

RGB

HSL

OKLCH

CMYK
24 0 100 0

On text
17.57:1 AAA

On white
1.20:1 Fail

Background · inline style on <div>
Deep Plum

HEX

RGB

HSL

OKLCH

CMYK
0 32 7 0

On text
12.45:1 AAA

On white
1.69:1 Fail

Background · inline style on <div>

Gradients

linear-gradient(81deg,#385b1d,#f1b6fc 20%,#f0bbf9 25%,#ecc9f2 30%,#e5e0e6 36%,#e4e4e4 37%,#eed9a6 43%,#f7d06f 49%,#facc5a 52%,#b18196 58%,#6d3cce 64%,#4211f1 68%,#3200fe 70%)
linear-gradient(#000 70%,transparent)
linear-gradient(transparent,#000)

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.

LL Circular Medium Web

Aa 400

LL Circular Medium Web

Self-hosted · weights 400 · buttons, body · shown in a stand-in if you don’t have it

Aa 700

Mirador

Self-hosted · weights 700 · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Body — / 1.25 LL Circular Medium Web

We are a design studio with focus on motion design, illustration and set design. Colourful aesthetics & clear storytelling. We’re an intern…

Link 1.5rem · 24 px

Sizes in use

Most common across the site

48pxline 1 · 1 rules
28px1 rules
24px4 rules
20pxline 1.2 · 9 rules
16px2 rules
15px1 rules

Elements

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

Elements

Link

Read our latest news today.

a · #000000

Corner radius

50% · 4×

Layout

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

Grid

Breakpoints

480

768

1023

1024

1440

1600

On a scale of 0 to 1600 px.

Content widths (max-width)

1325 px

1165 px

580 px

570 px

530 px

400 px

Notes

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

Notes

● FineThe title is 29 characters, short enough to show in full in search results.
▲ CheckThe description is 194 characters. Search results usually show about 160.
▲ 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 illo use?: illo’s website uses two typefaces: LL Circular Medium Web (headings and body text), self-hosted; Mirador, self-hosted.
What are illo’s brand colours?: The main colours on illo.tv are Light Plum (#EFB4FA), Dark Olive Green (#385B1D), Gold (#FFCC55), Deep Blue (#4211F1), Light Blue (#3D3DF9) and Rebecca Purple (#542F7C).
What colour is illo’s text and background?: Body text is #000000 on a #FFFFFF background.
Is this illo’s official style guide?: No. SiteStyleGuide made it from illo.tv’s public web pages on 23 October 2026, and isn’t affiliated with illo. 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

illo-tv-tokens.css

Download

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

/* illo.tv design tokens, from SiteStyleGuide (https://sitestyleguide.com/illo.tv) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-black: #000000;
  --colour-white: #FFFFFF;
  --colour-off-white: #EEEEEE;
  --colour-cool-off-white: #E5E0E6;
  --colour-light-plum: #EFB4FA;
  --colour-dark-olive-green: #385B1D;
  --colour-gold: #FFCC55;
  --colour-deep-blue: #4211F1;
  --colour-light-blue: #3D3DF9;
  --colour-rebecca-purple: #542F7C;
  --colour-light-blue-2: #B7E5F2;
  --colour-brown: #8D3E34;
  --colour-dodger-blue: #0087FF;
  --colour-green-yellow: #C1FF00;
  --colour-deep-plum: #FFADED;
  --gradient-1: linear-gradient(81deg,#385b1d,#f1b6fc 20%,#f0bbf9 25%,#ecc9f2 30%,#e5e0e6 36%,#e4e4e4 37%,#eed9a6 43%,#f7d06f 49%,#facc5a 52%,#b18196 58%,#6d3cce 64%,#4211f1 68%,#3200fe 70%);
  --gradient-2: linear-gradient(#000 70%,transparent);
  --gradient-3: linear-gradient(transparent,#000);

  /* Typefaces */
  --font-buttons: 'LL Circular Medium Web', sans-serif;
  --font-body: 'LL Circular Medium Web', sans-serif;
  --font-other: 'Mirador', serif;

  /* Type scale */
  --text-a: 1.5rem;

  /* Shape */
  --radius-1: 50%;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 480px;
  --breakpoint-2: 768px;
  --breakpoint-3: 1023px;
  --breakpoint-4: 1024px;
  --breakpoint-5: 1440px;
  --breakpoint-6: 1600px;
  --max-width-1: 1325px;
  --max-width-2: 1165px;
  --max-width-3: 580px;
  --max-width-4: 570px;
  --max-width-5: 530px;
  --max-width-6: 400px;
}

{
    "site": "illo.tv",
    "source": "https://sitestyleguide.com/illo.tv",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Off White",
            "hex": "#EEEEEE",
            "rgb": [
                238,
                238,
                238
            ]
        },
        {
            "name": "Cool Off White",
            "hex": "#E5E0E6",
            "rgb": [
                229,
                224,
                230
            ]
        },
        {
            "name": "Light Plum",
            "hex": "#EFB4FA",
            "rgb": [
                239,
                180,
                250
            ]
        },
        {
            "name": "Dark Olive Green",
            "hex": "#385B1D",
            "rgb": [
                56,
                91,
                29
            ]
        },
        {
            "name": "Gold",
            "hex": "#FFCC55",
            "rgb": [
                255,
                204,
                85
            ]
        },
        {
            "name": "Deep Blue",
            "hex": "#4211F1",
            "rgb": [
                66,
                17,
                241
            ]
        },
        {
            "name": "Light Blue",
            "hex": "#3D3DF9",
            "rgb": [
                61,
                61,
                249
            ]
        },
        {
            "name": "Rebecca Purple",
            "hex": "#542F7C",
            "rgb": [
                84,
                47,
                124
            ]
        },
        {
            "name": "Light Blue",
            "hex": "#B7E5F2",
            "rgb": [
                183,
                229,
                242
            ]
        },
        {
            "name": "Brown",
            "hex": "#8D3E34",
            "rgb": [
                141,
                62,
                52
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#0087FF",
            "rgb": [
                0,
                135,
                255
            ]
        },
        {
            "name": "Green Yellow",
            "hex": "#C1FF00",
            "rgb": [
                193,
                255,
                0
            ]
        },
        {
            "name": "Deep Plum",
            "hex": "#FFADED",
            "rgb": [
                255,
                173,
                237
            ]
        }
    ],
    "fonts": [
        {
            "name": "LL Circular Medium Web",
            "stack": "LL Circular Medium Web, sans-serif",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Mirador",
            "stack": "Mirador, serif",
            "weights": [
                700
            ],
            "source": "Self-hosted"
        }
    ]
}

Websites whose lead colour is closest to illo’s

Gumroad

gumroad.com · 5 days ago
Save
Amazon Web Services, Inc.

amazonaws.com · 20 minutes ago
Save
Onedio

onedio.com · 2 days ago
Save
mama.cn

mama.cn · 6 days ago
Save

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

illostyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

Black

White

Off White

Cool Off White

Colours

Light Plum

Dark Olive Green

Gold

Deep Blue

Light Blue

Rebecca Purple

Light Blue

Brown

Dodger Blue

Green Yellow

Deep Plum

Gradients

LL Circular Medium Web

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run illo.tv?

Similar colours

Gumroad

Amazon Web Services, Inc.

Onedio

mama.cn

Title &
description