SiteStyleGuide

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

MYmovies logo

Unofficial style guide

MYmoviesstyle guide

MYmovies’s website (mymovies.it) sets its headings in Helvetica and its body text in Helvetica Neue. Its palette is led by Deep Crimson (#DE1163), Deep Sky Blue (#009FD9) and Light Slate Grey (#8FA1B3), with #221F1F text on #E8E8E8. Captured from the live site on 28 October 2026.

Typefaces
Helvetica Neue, Verdana, Helvetica
Palette
4 neutrals, 12 colours
Captured
28 Oct 2026 · added by @sitestyleguide
https://www.mymovies.it/ Screenshot
Screenshot of the mymovies.it homepage on a desktop screen
Screenshot of mymovies.it on a 1440 px desktop screen, 28 Oct 2026.

Identity & metadata

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

Title &
description

Page title
MYmovies.it - Il cinema dalla parte del pubblico
● 48 / 60 characters
Meta description
Database di tutti i film dal 1895 ad oggi, recensioni, critica, cast completo, produzione, durata. Dizionario dei termini cinematografici, programmazione dei film al cinema e tv.
▲ 178 / 160 characters
Site name
MYmovies
og:title
MYmovies - Il cinema dalla parte del pubblico
og:description
Online dal 2000 e un'audience di oltre 250.000 utenti unici al giorno, MYmovies è il primo sito di cinema in Italia. Contiene oltre 100.000 schede di attori e registi, le recensioni dei film dal 1895 e gli orari dei cinema e tv. Insieme alla piattaforma streaming MYmovies ONE con oltre 1000 film sempre disponibili, è la community più cinefila del pianeta

In search results

MYmovieshttps://www.mymovies.it/

MYmovies.it - Il cinema dalla parte del pubblico

Database di tutti i film dal 1895 ad oggi, recensioni, critica, cast completo, produzione, durata. Dizionario dei termini cinematografici, programmazione dei fil…

When shared

The image MYmovies shares with links

mymovies.it

MYmovies - Il cinema dalla parte del pubblico

Online dal 2000 e un'audience di oltre 250.000 utenti unici al giorno, MYmovies è il primo sito di cinema in …

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

Colour

Balance

How much each colour is used
  • White 45.3%
  • Light Grey 24.2%
  • Deep Crimson 7.2%
  • Black 4.9%
  • Off White 4.1%
  • Deep Sky Blue 2.7%
  • Light Slate Grey 1.6%
  • Light Steel Blue 1.5%
  • Steel Blue 1.4%
  • Orange 1.3%
  • Midnight Blue 1.3%
  • Dark Sea Green 1.1%
  • Khaki 0.9%
  • Dark Cyan 0.8%
  • Red 0.8%
  • Light Crimson 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
    16.36:1 AAA
    On white
    —

    Background, text, border · inline style on <div>, inline style on <span>

  • Light Grey

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 0 17
    On text
    10.93:1 AAA
    On white
    1.50:1 Fail

    Background, text, border · inline style on <li>, .btn-buy-no

  • Black

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 0 100
    On text
    1.28:1 Fail
    On white
    21.00:1 AAA

    Text, background, border · inline style on <div>, .videoHTML5 .contenitore

  • Off White

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 0 9
    On text
    13.35:1 AAA
    On white
    1.23:1 Fail

    Background, border, text · body, inline style on <div>

Colours

Brand colours and accents, most used first
  • Deep Crimson

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 92 55 13
    On text
    3.40:1 AA large
    On white
    4.81:1 AA

    Background, text, border · inline style on <span>, .menu-link-rapidi

  • Deep Sky Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    100 27 0 15
    On text
    5.42:1 AA
    On white
    3.02:1 AA large

    Text, background, border · .btn_azioni:hover, ul.mm-ul-foot li a

  • Light Slate Grey

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    20 10 0 30
    On text
    6.17:1 AA
    On white
    2.65:1 Fail

    Background · .carousel-arrows button, .carousel-nav button

  • Light Steel Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    25 13 0 25
    On text
    6.60:1 AA
    On white
    2.48:1 Fail

    Background, text · .mm-celestino, .link_tipo_menu

  • Steel Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    90 20 0 29
    On text
    4.42:1 AA large
    On white
    3.70:1 AA large

    Text · a:link, a:visited

  • Orange

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 29 100 0
    On text
    9.18:1 AAA
    On white
    1.78:1 Fail

    Text, background · .etichetta_boxoffice, .stella_accesa

  • Midnight Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    99 52 0 67
    On text
    1.11:1 Fail
    On white
    14.69:1 AAA

    Text, background, border · .titolo:link, .mm-sidebar-level1

  • Dark Sea Green

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    22 0 21 29
    On text
    7.04:1 AAA
    On white
    2.32:1 Fail

    Background, text · .btn-buy, .consigliato_si

  • Khaki

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 10 51 8
    On text
    10.98:1 AAA
    On white
    1.49:1 Fail

    Background · .btn-buy-promo, .consigliato_ni

  • Dark Cyan

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    100 0 9 41
    On text
    4.45:1 AA large
    On white
    3.67:1 AA large

    Text, border · .mm-label, .mm-select option[disabled]

  • Red

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 96 91 10
    On text
    3.41:1 AA large
    On white
    4.79:1 AA

    Text, border · .btn_azioni:link, .mm-input:not(:valid)~.mm-validate

  • Light Crimson

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 72 72 15
    On text
    3.63:1 AA large
    On white
    4.50:1 AA

    Background, text · .consigliato_no, .consigliato_ano

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.

Helvetica

Aa 300 Aa 700

Helvetica Neue

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

Aa 400

Verdana

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

Aa 700

Helvetica

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

Aa 400

Segoe UI

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

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

Type scale

From the site’s CSS · root 15 px
Heading 1 50px / 50px weight 100 · uppercase

MYmovies

Heading 2 24px weight 400 · Segoe UI

MYmovies.it - Il cinema dalla parte del pubblico

Heading 3 24px weight 400 · Segoe UI

MYmovies.it - Il cinema dalla parte del pubblico

Heading 4 20px weight 400 · Segoe UI

MYmovies.it - Il cinema dalla parte del pubblico

Heading 5 18px weight 400 · Segoe UI

MYmovies.it - Il cinema dalla parte del pubblico

Heading 6 16px weight 400 · Segoe UI

MYmovies.it - Il cinema dalla parte del pubblico

Body 14px / 1.5 weight 300 · Helvetica Neue

Database di tutti i film dal 1895 ad oggi, recensioni, critica, cast completo, produzione, durata. Dizionario dei termini cinematografici, …

Paragraph 120%

Database di tutti i film dal 1895 ad oggi, recensioni, critica, cast completo, produzione, durata. Dizionario dei termini cinematografici, …

Small 80%

Database di tutti i film dal 1895 ad oggi, recensioni, critica, cast completo, produzione, durata. Dizionario dei termini cinematografici, …

Button 22px none

Get started

Sizes in use

Most common across the site
  • 26pxline 26px · 3 rules
  • 24pxline 1 · 5 rules
  • 22px3 rules
  • 20px9 rules
  • 18px2 rules
  • 15pxline 1.5 · 5 rules
  • 14pxline 1.42857143 · 4 rules
  • 12pxline 1.45 · 3 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

.carousel-arrows button · #8FA1B3 · radius 4px

Link

Read our latest news today.

a · #1290B4

Corner radius

  • 4px · 9×
  • 5px · 3×
  • 15px · 3×
  • 6px · 3×
  • 50% · 2×
  • 24px · 2×

Shadows

  • 0 1px 6px 0 rgba(32, 33, 36, 0.28)
  • 0 20px 60px rgba(0,0,0,.25)
  • 0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.19)
  • 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08)

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

280
550
551
600
767
768
992
1200

On a scale of 0 to 1440 px.

Content widths (max-width)

980 px
820 px
500 px
410 px
400 px
300 px

Back to top ↑

Notes

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

Notes

  • ● FineThe title is 48 characters, short enough to show in full in search results.
  • ▲ CheckThe description is 178 characters. Search results usually show about 160.
  • ▲ CheckThe page doesn’t declare its language (the lang attribute on <html>).

Back to top ↑

Questions

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

Questions

What font does MYmovies use?
MYmovies’s website uses two typefaces: Helvetica Neue (body text), a system font; Helvetica (headings), a system font.
What are MYmovies’s brand colours?
The main colours on mymovies.it are Deep Crimson (#DE1163), Deep Sky Blue (#009FD9), Light Slate Grey (#8FA1B3), Light Steel Blue (#90A7C0), Steel Blue (#1290B4) and Orange (#FFB400).
What colour is MYmovies’s text and background?
Body text is #221F1F on a #E8E8E8 background.
Where is MYmovies’s logo from?
The logo shown in this guide was found on mymovies.it’s homepage. For official logo files and usage rules, check MYmovies’s own brand or press page.
Is this MYmovies’s official style guide?
No. SiteStyleGuide made it from mymovies.it’s public web pages on 28 October 2026, and isn’t affiliated with MYmovies. 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

mymovies-it-tokens.css

Download

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

/* mymovies.it design tokens, from SiteStyleGuide (https://sitestyleguide.com/mymovies.it) */
:root {
  /* Colours */
  --text: #221F1F;
  --background: #E8E8E8;
  --colour-white: #FFFFFF;
  --colour-light-grey: #D3D3D3;
  --colour-black: #000000;
  --colour-off-white: #E8E8E8;
  --colour-deep-crimson: #DE1163;
  --colour-deep-sky-blue: #009FD9;
  --colour-light-slate-grey: #8FA1B3;
  --colour-light-steel-blue: #90A7C0;
  --colour-steel-blue: #1290B4;
  --colour-orange: #FFB400;
  --colour-midnight-blue: #012853;
  --colour-dark-sea-green: #8CB48E;
  --colour-khaki: #EBD374;
  --colour-dark-cyan: #009688;
  --colour-red: #E50914;
  --colour-light-crimson: #D93C3C;

  /* Typefaces */
  --font-body: 'Helvetica Neue', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  --font-headings: 'Helvetica', 'Verdana', sans-serif;
  --font-other: 'Arial';

  /* Type scale */
  --text-h1: 50px;
  --leading-h1: 50px;
  --text-h2: 24px;
  --text-h3: 24px;
  --text-h4: 20px;
  --text-h5: 18px;
  --text-h6: 16px;
  --text-body: 14px;
  --leading-body: 1.5;
  --text-p: 120%;
  --text-small: 80%;
  --text-button: 22px;

  /* Shape */
  --radius-1: 4px;
  --radius-2: 5px;
  --radius-3: 15px;
  --radius-4: 6px;
  --radius-5: 50%;
  --radius-6: 24px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 280px;
  --breakpoint-2: 550px;
  --breakpoint-3: 551px;
  --breakpoint-4: 600px;
  --breakpoint-5: 767px;
  --breakpoint-6: 768px;
  --breakpoint-7: 992px;
  --breakpoint-8: 1200px;
  --max-width-1: 980px;
  --max-width-2: 820px;
  --max-width-3: 500px;
  --max-width-4: 410px;
  --max-width-5: 400px;
  --max-width-6: 300px;
}

Back to top ↑

Share

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

Share

Run mymovies.it?

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.

View our style guide on SiteStyleGuide
<a href="https://sitestyleguide.com/mymovies.it" title="MYmovies 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 ↑

Other websites using Helvetica Neue as their main typeface
Websites whose lead colour is closest to MYmovies’s

Captured from mymovies.it on 28 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by MYmovies; this guide describes the public website for reference.