What font does Kinorium use?

Kinorium’s website uses four typefaces: Arial (headings and body text), a system font; roboto, served from static.kinorium.com; PT Sans, google Fonts; ALSRubl-Verdana, served from static.kinorium.com.

What are Kinorium’s brand colours?

The main colours on kinorium.com are Tomato (#FF5032), Deep Sky Blue (#21B0D0), Lime Green (#64C80A), Dark Orange (#FD9B27), Khaki (#FFE391) and Red (#FF0000).

What colour is Kinorium’s text and background?

Body text is #000000 on a #F8F8F8 background.

Is this Kinorium’s official style guide?

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

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

Unofficial style guide

Kinoriumstyle guide

Kinorium’s website (kinorium.com) uses Arial for its headings and body text. Its palette is led by Tomato (#FF5032), Deep Sky Blue (#21B0D0) and Lime Green (#64C80A), with #000000 text on #F8F8F8. Captured from the live site on 25 October 2026.

Website: kinorium.com
Typefaces: Arial, roboto, PT Sans
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 25 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the kinorium.com 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: Kinorium; ● 8 / 60 characters
Meta description: A convenient website for finding movies and sharing impressions with friends. Best movie site of 2026.; ● 102 / 160 characters
Site name: Kinorium
og:title: Kinorium
og:description: A convenient website for finding movies and sharing impressions with friends. Best movie site of 2026.
Language: en

In search results

Kinoriumhttps://en.kinorium.com/

Kinorium

A convenient website for finding movies and sharing impressions with friends. Best movie site of 2026.

When shared

kinorium.com

Kinorium

A convenient website for finding movies and sharing impressions with friends. Best movie site of 2026.

Logo & favicons

No logo could be found on the homepage.

Logo

Favicons

8 found

512 px · PNG shortcut icon
256 px · PNG shortcut icon
152 px · PNG shortcut icon
120 px · PNG icon
96 px · PNG shortcut icon
32 px · PNG shortcut icon
16 px · PNG shortcut icon
16 px · SVG icon

Kinorium

Light browser tab

Kinorium

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

White 35.7%
Off White 12.5%
Black 11.2%
Tomato 10.1%
Deep Sky Blue 9.7%
Lime Green 3.9%
Dark Orange 3.1%
Charcoal 2.9%
Khaki 2.5%
Red 2.1%
Lemon Chiffon 1.7%
Turquoise 1.1%
Dodger Blue 1%
Dark Red 0.8%
Deep Golden Rod 0.8%
Light Golden Rod 0.8%

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
21.00:1 AAA

On white
—

Background, text, border · body, .isLoading .shot-container .item
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 7

On text
18.10:1 AAA

On white
1.16:1 Fail

Background, border, text · .seasons .futureEpisode button, .collectionsWindow button.bluebutton[disabled]
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, background, border · .personSearcherInFeedFilters .searchForm .additional_search_form.names_person_ad, .link_dotted_black
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 80

On text
1.66:1 Fail

On white
12.63:1 AAA

Background, text, border · .modalWindow.notificationModal .modalContent .buttonSet, .modalWindow .modalContent.importWindow .headcsv

Colours

Brand colours and accents, most used first

Tomato

HEX

RGB

HSL

OKLCH

CMYK
0 69 80 0

On text
6.45:1 AA

On white
3.26:1 AA large

Text, background, border · .buttonset button.decline, .boxbuttonset button.decline
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
84 15 0 18

On text
8.19:1 AAA

On white
2.57:1 Fail

Text, background, border · .button_theme_simple-blue, .setsharingButtons button.vk.active
Lime Green

HEX

RGB

HSL

OKLCH

CMYK
50 0 95 22

On text
9.81:1 AAA

On white
2.14:1 Fail

Background, text, border · .buttonset button.approve, .boxbuttonset button.approve
Dark Orange

HEX

RGB

HSL

OKLCH

CMYK
0 39 85 1

On text
9.89:1 AAA

On white
2.12:1 Fail

Background, text, border · .buttonset button.admit, .boxbuttonset button.admit
Khaki

HEX

RGB

HSL

OKLCH

CMYK
0 11 43 0

On text
16.65:1 AAA

On white
1.26:1 Fail

Background, border · .radioBox .button.active, .genres li a
Red

HEX

RGB

HSL

OKLCH

CMYK
0 100 100 0

On text
5.25:1 AA

On white
4.00:1 AA large

Background, text, border · .filmList .item .removeReportForm button, .filmList .item.deleted .movie-title__text .title
Lemon Chiffon

HEX

RGB

HSL

OKLCH

CMYK
0 5 22 0

On text
18.67:1 AAA

On white
1.12:1 Fail

Background, border · .slider-container-film .inner .item .current .away-transparency:before, .roleSlider.headlines__wrap_role_chronology_slider .active .caption .away-height
Turquoise

HEX

RGB

HSL

OKLCH

CMYK
84 0 8 15

On text
11.83:1 AAA

On white
1.78:1 Fail

Background · .bannString a, .iocheckbox div:before
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
84 29 0 15

On text
6.63:1 AA

On white
3.17:1 AA large

Background · .iocheckbox div:before, .bluebutton
Dark Red

HEX

RGB

HSL

OKLCH

CMYK
0 99 99 43

On text
2.21:1 Fail

On white
9.51:1 AAA

Background · .filmList .item .removeReportForm button, .redbutton
Deep Golden Rod

HEX

RGB

HSL

OKLCH

CMYK
0 20 80 13

On text
10.40:1 AAA

On white
2.02:1 Fail

Background · .button_gold, .modalWindow .modalContent.importWindow .headkinopoisk
Light Golden Rod

HEX

RGB

HSL

OKLCH

CMYK
0 18 72 9

On text
11.96:1 AAA

On white
1.76:1 Fail

Background, text · .button_gold, .awards-page__nomination-name:before

Gradients

linear-gradient(90deg,hsla(0,0%,100%,0),#fff)
linear-gradient(180deg,hsla(0,0%,100%,0),#fff)
linear-gradient(90deg,#ff1616 20%,#910101)

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.

Arial

Aa 700

Arial

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

Aa 100 Aa 400

roboto

Served from static.kinorium.com · weights 100, 400 · headings · shown in a stand-in if you don’t have it

Aa 400 Aa 700

PT Sans

Google Fonts · weights 400, 700 · headings, buttons

Aa 400

ALSRubl-Verdana

Served from static.kinorium.com · weights 400 · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Heading 1 28rem · 448 px weight 400 · Arial

Kinorium

Heading 2 20rem · 320 px / 30rem weight 400 · PT Sans

Kinorium

Heading 3 18rem · 288 px weight 400 · Arial

Kinorium

Heading 4 14rem · 224 px weight 400 · Arial

Kinorium

Heading 5 13rem · 208 px weight 400

Kinorium

Body — Arial

A convenient website for finding movies and sharing impressions with friends. Best movie site of 2026.

Paragraph 13rem · 208 px / 30rem Arial

A convenient website for finding movies and sharing impressions with friends. Best movie site of 2026.

Small 12rem · 192 px / 18rem Arial

A convenient website for finding movies and sharing impressions with friends. Best movie site of 2026.

Button 18rem · 288 px / 32rem Arial

Get started

Link 14rem · 224 px / 27rem weight 700 · Arial

Sizes in use

Most common across the site

192pxline 16rem · 21 rules
176pxline 21rem · 6 rules
160px2 rules
16pxline 1.5 · 3 rules
12px1 rules
11px1 rules
8px1 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_gold · #E8BF42 · radius 2rem

Corner radius

2rem · 79×
50% · 43×
0 0 2rem 2rem · 11×
16rem · 10×
2rem 2rem 0 0 · 8×
0 2rem 2rem 0 · 7×

Shadows

0 0 50rem rgba(0,0,0,.15)
0 0 0 1rem #ffe391
0 0 3px 1px #5e9ed6
0 0 5px #666

Layout

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

Grid

Breakpoints

1080

1098

1120

1200

1240

1250

1260

1281

On a scale of 0 to 1440 px.

Content widths (max-width)

1600 px

1440 px

1200 px

960 px

640 px

300 px

Notes

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

Notes

● FineThe title is 8 characters, short enough to show in full in search results.

Questions

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

Questions

What font does Kinorium use?: Kinorium’s website uses four typefaces: Arial (headings and body text), a system font; roboto, served from static.kinorium.com; PT Sans, google Fonts; ALSRubl-Verdana, served from static.kinorium.com.
What are Kinorium’s brand colours?: The main colours on kinorium.com are Tomato (#FF5032), Deep Sky Blue (#21B0D0), Lime Green (#64C80A), Dark Orange (#FD9B27), Khaki (#FFE391) and Red (#FF0000).
What colour is Kinorium’s text and background?: Body text is #000000 on a #F8F8F8 background.
Is this Kinorium’s official style guide?: No. SiteStyleGuide made it from kinorium.com’s public web pages on 25 October 2026, and isn’t affiliated with Kinorium. 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

kinorium-com-tokens.css

Download

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

/* kinorium.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/kinorium.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #F8F8F8;
  --colour-white: #FFFFFF;
  --colour-off-white: #EEEEEE;
  --colour-black: #000000;
  --colour-charcoal: #333333;
  --colour-tomato: #FF5032;
  --colour-deep-sky-blue: #21B0D0;
  --colour-lime-green: #64C80A;
  --colour-dark-orange: #FD9B27;
  --colour-khaki: #FFE391;
  --colour-red: #FF0000;
  --colour-lemon-chiffon: #FFF1C8;
  --colour-turquoise: #22D9C8;
  --colour-dodger-blue: #2299D9;
  --colour-dark-red: #910101;
  --colour-deep-golden-rod: #DDB12C;
  --colour-light-golden-rod: #E8BF42;
  --gradient-1: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
  --gradient-2: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
  --gradient-3: linear-gradient(90deg,#ff1616 20%,#910101);

  /* Typefaces */
  --font-headings: 'Arial';
  --font-buttons: 'Arial';
  --font-body: 'Arial';
  --font-other: 'ALSRubl-Verdana', 'Verdana', sans-serif;

  /* Type scale */
  --text-h1: 28rem;
  --text-h2: 20rem;
  --leading-h2: 30rem;
  --text-h3: 18rem;
  --text-h4: 14rem;
  --text-h5: 13rem;
  --text-p: 13rem;
  --leading-p: 30rem;
  --text-small: 12rem;
  --leading-small: 18rem;
  --text-button: 18rem;
  --leading-button: 32rem;
  --text-a: 14rem;
  --leading-a: 27rem;

  /* Shape */
  --radius-1: 2rem;
  --radius-2: 50%;
  --radius-3: 0 0 2rem 2rem;
  --radius-4: 16rem;
  --radius-5: 2rem 2rem 0 0;
  --radius-6: 0 2rem 2rem 0;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 1080px;
  --breakpoint-2: 1098px;
  --breakpoint-3: 1120px;
  --breakpoint-4: 1200px;
  --breakpoint-5: 1240px;
  --breakpoint-6: 1250px;
  --breakpoint-7: 1260px;
  --breakpoint-8: 1281px;
  --max-width-1: 1600px;
  --max-width-2: 1440px;
  --max-width-3: 1200px;
  --max-width-4: 960px;
  --max-width-5: 640px;
  --max-width-6: 300px;
}

{
    "site": "kinorium.com",
    "source": "https://sitestyleguide.com/kinorium.com",
    "text": "#000000",
    "background": "#F8F8F8",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Off White",
            "hex": "#EEEEEE",
            "rgb": [
                238,
                238,
                238
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#333333",
            "rgb": [
                51,
                51,
                51
            ]
        },
        {
            "name": "Tomato",
            "hex": "#FF5032",
            "rgb": [
                255,
                80,
                50
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#21B0D0",
            "rgb": [
                33,
                176,
                208
            ]
        },
        {
            "name": "Lime Green",
            "hex": "#64C80A",
            "rgb": [
                100,
                200,
                10
            ]
        },
        {
            "name": "Dark Orange",
            "hex": "#FD9B27",
            "rgb": [
                253,
                155,
                39
            ]
        },
        {
            "name": "Khaki",
            "hex": "#FFE391",
            "rgb": [
                255,
                227,
                145
            ]
        },
        {
            "name": "Red",
            "hex": "#FF0000",
            "rgb": [
                255,
                0,
                0
            ]
        },
        {
            "name": "Lemon Chiffon",
            "hex": "#FFF1C8",
            "rgb": [
                255,
                241,
                200
            ]
        },
        {
            "name": "Turquoise",
            "hex": "#22D9C8",
            "rgb": [
                34,
                217,
                200
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#2299D9",
            "rgb": [
                34,
                153,
                217
            ]
        },
        {
            "name": "Dark Red",
            "hex": "#910101",
            "rgb": [
                145,
                1,
                1
            ]
        },
        {
            "name": "Deep Golden Rod",
            "hex": "#DDB12C",
            "rgb": [
                221,
                177,
                44
            ]
        },
        {
            "name": "Light Golden Rod",
            "hex": "#E8BF42",
            "rgb": [
                232,
                191,
                66
            ]
        }
    ],
    "fonts": [
        {
            "name": "Arial",
            "stack": "Arial",
            "weights": [
                700
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "roboto",
            "stack": "\"Roboto\"",
            "weights": [
                100,
                400
            ],
            "source": "Served from static.kinorium.com"
        },
        {
            "name": "PT Sans",
            "stack": "'PT Sans', sans-serif",
            "weights": [
                400,
                700
            ],
            "source": "Google Fonts"
        },
        {
            "name": "ALSRubl-Verdana",
            "stack": "\"ALSRubl-Verdana\", Verdana, sans-serif",
            "weights": [
                400
            ],
            "source": "Served from static.kinorium.com"
        },
        {
            "name": "PT Sans Narrow",
            "stack": "\"PT Sans Narrow\", Arial",
            "weights": [
                400,
                700
            ],
            "source": "Google Fonts"
        }
    ]
}

Other websites using Arial as their main typeface

DaFont

dafont.com · set in Arial
Save3
Fauna Robotics

faunarobotics.com · set in Arial
Save1
SendSpace

sendspace.com · set in Arial
Save
ieee.org

ieee.org · set in Arial
Save

Websites whose lead colour is closest to Kinorium’s

【58同城 58.com】北京分类信息

58.com · 5 days ago
Save
git-scm.com

git-scm.com · 3 days ago
Save
Esquire

esquire.com · 4 days ago
Save
EaseMyTrip

easemytrip.com · 5 days ago
Save

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

Kinoriumstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Off White

Black

Charcoal

Colours

Tomato

Deep Sky Blue

Lime Green

Dark Orange

Khaki

Red

Lemon Chiffon

Turquoise

Dodger Blue

Dark Red

Deep Golden Rod

Light Golden Rod

Gradients

Arial

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run kinorium.com?

Also set in Arial

DaFont

Fauna Robotics

SendSpace

ieee.org

Similar colours

【58同城 58.com】北京分类信息

git-scm.com

Esquire

EaseMyTrip

Title &
description